在django中将动态变量从父模板传递到子模板
在Django中，可以通过模板继承的方式将动态变量从父模板传递到子模板。模板继承是一种重用模板代码的机制，它允许我们定义一个基础模板（父模板），然后在其基础上创建其他模板（子模板）。
要将动态变量从父模板传递到子模板，可以使用模板上下文（context）。模板上下文是一个包含变量和它们对应值的字典，可以在模板中访问这些变量。
首先，在父模板中定义要传递的动态变量。假设我们要传递一个名为"dynamic_variable"的变量，可以在视图函数中将其添加到模板上下文中：
def my_view(request):
dynamic_variable = "Hello, World!"
context = {'dynamic_variable': dynamic_variable}
return render(request, 'my_template.html', context)然后，在父模板中使用模板继承，并在子模板中使用传递的动态变量。在父模板中，使用{% block %}标签定义一个可替换的块，子模板可以在该块中插入自己的内容。同时，使用{{ variable_name }}语法在模板中输出变量的值。
父模板（my_template.html）：
<!DOCTYPE html>
<html>
<head>
<title>My Template</title>
</head>
<body>
<h1>Parent Template</h1>
{% block content %}
{% endblock %}
</body>
</html>子模板（child_template.html）：
{% extends 'my_template.html' %}
{% block content %}
<h2>Child Template</h2>
<p>{{ dynamic_variable }}</p>
{% endblock %}在子模板中，我们使用{% extends 'my_template.html' %}指定父模板，然后在{% block content %}标签中插入子模板的内容，并使用{{ dynamic_variable }}输出传递的动态变量。
这样，当渲染子模板时，动态变量"dynamic_variable"将被传递到子模板中，并在页面上显示为"Hello, World!"。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
1回答
我目前正在使用Django和Oscar为某人建立一个购物车。
我也在使用django-奥斯卡-商店的扩展。
我想知道是否有一种方法可以将django-oscar- store视图的上下文合并到我的其他视图和模板中，这样我就可以使用变量将存储信息动态添加到站点。
因此，如果我转到商店应用程序的视图，我可以在该模板{{ store_list }中调用一个变量，但如果我处于任何其他视图中，则无法访问该变量。
我明白为什么不行，但是我想知道如何才能访问store_list变量，这样我就可以在每个页面上使用它(这样我就可以动态地将存储信息保存在站点的头部，而不是硬编码到模板中)。
我是Django的新手
浏览 2提问于2017-07-12得票数 1
回答已采纳
1回答
我创建了一个站点，主要使用django的管理界面，外加一些自定义视图。由于站点的大部分都在使用admin (而我并不热衷于使用css)，所以我使用了django的admin tempates作为我的自定义视图(它们是扩展的通用视图)。
无论如何，我的大多数自定义视图看起来都很好，并且与管理界面的外观和感觉相匹配，但我不知道如何让面包屑工作。
所以形成一个扩展的通用视图，我如何以及如何将什么传递给tempate的
{% block breadcrumb %}
标签？
我看到一篇文章提到了context对象，但没有进一步的细节。
浏览 3提问于2011-08-03得票数 4
回答已采纳
1回答
我是angular4的新手
我有一个注册过程，其中包含多个步骤，所以我只是hide/showing我的步骤的一些条件的基础。因此，注册过程包含父组件和子组件(“侧栏”显示用户在最后一步中填写的值)。
我将一个数组从父传递到子。在每一步中，我都用一些值更新数组。当我用子HTML打印数组时，它可以正常工作，但是当我试图在子compenent.ts中控制台相同的数组时，它却什么也没有显示。我必须做一些计算，就像在我的数组中，我有出生日期，所以我想计算用户的实际年龄，并在侧边栏上显示相同的年龄。
这是我的数组: MyArray，这是我传递数组的方式
Parent.html
<app child
浏览 1提问于2018-02-17得票数 0
回答已采纳
1回答
角6多重@输入()级
、、、
我有一个包含多个子级组件的组件：
Parent
|
Child1
|
Child2
|
Child3
我试图通过@Input()将一个值从父母传递给每个孩子
因此，例如，在父母中，我有以下内容：
@Input() info: Info= {} as Info;
它是在父组件的ngOnInit中初始化的，值是OK的，我检查了它。
在我设置的模板中：
[info]="info"
每个子程序具有与父级相同的输入。
值是传递给Child1的，但是从Child2到Child3，值保持为空，这是怎么回事？
浏览 2提问于2018-10-25得票数 5
回答已采纳
4回答
从子项到父项的角度传递数据
、、、、
我正在学习/从事Angular项目，我已经做了很多事情，我试图以“正确的方式”做事情，所以现在我想做的是：
我想从子组件到父组件获取变量(输出)，但我不想使用输出，我不想听它，我想在父组件需要它的时候获取它，比如child.getVariable()我遇到过一个帖子，说我应该使用子视图，但问题和我的不一样，所以我想知道使用子视图从子组件获取数据是不是一个好的做法？
浏览 7提问于2016-12-18得票数 9
我有一个子javascript弹出窗口jsp，它生成动态表的值。我希望将这些表值传递到父窗口jsp，然后单击Submit，将子详细信息存储在DB中。
父级使用的表单需要处理来自Child的这些表内容列表，并执行保存过程
问候Ron
浏览 1提问于2011-08-17得票数 0
1回答
我正尝试在我的一个应用程序中使用开普勒的动态并行性。子内核中需要启动子内核的线程(在父内核中)的全局索引。换句话说，我想访问子内核中父进程的内置坐标变量。
有没有一种规范的方法来做到这一点？或者我应该只计算父线程的全局索引(使用threadIdx.x等内置变量)，并通过子内核的一个参数传递它？
浏览 7提问于2015-09-02得票数 0
2回答
我有一个组件，它只包含一个表单和一个提交表单的函数。 submitData(newUserForm: NgForm) 当我单击一个按钮时，如何从另一个组件触发此函数？ 我像这样嵌入表单组件： <app-form></app-form> 但是它不是在主组件中创建的，我不能像子组件一样导入它。 我在主组件中有一个服务，但是表单组件没有访问它的权限。 我已经找到了这个，但似乎没有一个对我有效。 How to call another components function in angular2 在主组件中，我需要一个从表单调用提交函数的函数： 类似于： save() {
浏览 33提问于2021-05-03得票数 0
1回答
我想我一定是疯了！我的ssis项目有个大问题。
我有40多个家长和39个孩子
我使用配置方法从父包到子包获取变量值，而且效果很好。但是当我复制我的ssis项目时
对于生产服务器，我面临以下问题。childs包没有读取父包中的变量值
我多次修改配置，找不到任何丢失的地方!！
任何帮助请..。
谢谢,
浏览 0提问于2014-06-29得票数 0
1回答
如何使用执行包任务动态地将值传递给子包变量？
我需要同时从另一个包(父包)调用包(子包)。在每次调用中，我都需要向子包变量传递不同的值。
我尝试过在执行Package中使用参数绑定，但是，有些地方我犯了错误。它没有像预期的那样传递值。只经过空的
例：
一个父母和一个孩子。3个不同的任务来运行相同的子任务。我想将3个不同的变量从父变量传递给单个子变量。
提前感谢
浏览 1提问于2015-09-07得票数 5
回答已采纳
1回答
我能读到：
或者，您可以通过查询从组件或指令查询TemplateRef。
问题：
如何从外部Query中提取TemplateRef
这里有一些来自文档的代码：
@Component(
selector: 'child-cmp',
template: '<p>child</p>',
)
class ChildCmp {
void doSomething() {}
}
@Component(
selector: 'some-cmp',
template: '''
&
浏览 0提问于2018-10-09得票数 1
我正在使用talend大数据，并使用具有不同URL的tRESTClient创建了两个作业(父和子).Both作业。在父作业中，获取一些值并尝试将这些值传递给子job.Then，我希望将这些值(父值和子值)存储到mongoDB中。
父URL作业(&J)：
https://api.github.com/users/sample/repos和tRESTClient --> tXMLMap --> tBufferOutput --> tRunJob
父值：stargazers_count & watchers_count
子URL和作业：https://api.git
浏览 3提问于2017-08-04得票数 0
我想在我的Django模板中使用{% include page.html %}标记，并动态构造page.html的值。
在Django有什么方法可以做到这一点吗？
下面是一个伪代码示例：
{% include page_{{mode}}.html %}
谢谢!
浏览 0提问于2011-01-12得票数 23
回答已采纳
3回答
Vue路由器。绑定数据
、、、
我正在开发vue应用程序，现在我正在准备使用vue路由器。但我在将数据绑定到路由器模板时遇到了一点小问题。
请帮帮我。
HTML：
<div id="app">
<h1>Hello App!</h1>
<p>
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>
</p>
&l
浏览 3提问于2017-12-07得票数 5
我正在尝试隐藏一个使用模板和*ngIf从父组件onClick动态生成的子组件 尝试使用*ngIf，但子组件始终显示为even。 (单击)=“checkStatus($event)”更改状态 <div class="contentColumn">
<div *ngIf="item.content !== ''">
<i class="" [class.icon-hover]="status ? 'clickChevronToShow' : 'clickChe
浏览 20提问于2019-05-17得票数 0
2回答
我在django模板中的if语句太长。我想把它分成多行。
{% if ABCDEFGH == BENDHSS and asdasd == asdasdas or asasdas == asdasdd and dasdasdsa == asdasdass or ghgfgsd == efdscsdfg and sgrtvsd == acsdfer %}
我想将上面的代码行分成多行。在python中，我们用一个反斜杠(“\”)来中断它。
if ABCDEFGH == BENDHSS and asdasd == asdasdas or \
asasdas == asd
浏览 2提问于2018-07-03得票数 3
1回答
最近，我试图解决处理Django模板中的动态列数的挑战(实质上是处理包含未标准化列表的列表)。
我把两件事传递给我的观点：
test_array：类似于以下内容的数组[1,2,3,1,2,3,1,2,3]
number ：在本例中为3(指示子列表中的属性数)
我想解决这个问题的办法如下：
<tbody>
{% for t in test_array %}
<tr>
{% for x in numbers %}
<td>{{ t.x }}</td>
{% endfor
浏览 2提问于2017-03-19得票数 1
回答已采纳
如我们所知，在使用@Input装饰器进行的角父级到子级通信中，如何将动态数据从父级传递到child.for中，在父级中定义了“name”属性，并且它的值会动态变化，并且更新了我们将在子组件中使用的“name”值，因此如何在不使用服务的情况下实现它。
浏览 1提问于2020-06-20得票数 0
回答已采纳
我有一个类似于下面的react组件：
let TabComponent = React.createClass({
getInitialState : function() {
return {
tubesArray: [ ],
rows: 10,
tubesPerrow: 10,
};
},
render: function() {
return (
<div className={styles.drawingWr
浏览 12提问于2017-01-09得票数 0
回答已采纳
1回答
我有两门课，Secure和Client。我的Secure类是Client的父类。
其思想是，当类扩展Secure时，构造函数检查身份验证，如果用户未经过身份验证，则重定向到登录页面。这门课看起来如下：
export class Secure {
protected user: User;
constructor(public router: Router, public userHandler: UserHandler) {
userHandler.checkAuthentication(this);
}
isLoggedIn(messag
浏览 0提问于2017-06-03得票数 3
回答已采纳
1回答
在我的Django模板中，我需要返回一个列表中的一个项目的索引。(python中的index方法)这是一种可以做到的方法。是否需要使用自定义筛选器？谢谢。
浏览 0提问于2012-04-05得票数 0
回答已采纳
1回答
小故事:我做了两个应用程序。django项目中的属性和租户。首先，我开始将数据从属性模型渲染到property_detail.html模板，它工作得很好，但在我创建并迁移了租户模型之后，我尝试将数据从那里渲染到property_detail.html，但它不起作用。然而，它没有给我任何错误。它就是不会出现。 Models.py import arrow
import uuid
from django.db import models
from django_countries.fields import CountryField
from django.urls import revers
浏览 25提问于2020-06-21得票数 0
我是Angular的新手，正如标题所述，我正在尝试看看这是否可行。 与其使用子组件通过其@Output EventEmitter发送数据的标准方法，我希望使用相同的概念(不将父组件注入到子组件中)，但父组件将数据发送给子组件。父组件可以将数据发送给子组件吗？若否，原因为何？ 只是为了澄清一下，子组件是一个需要填写的表单。一旦表单完成，我希望父组件上有一个按钮，用于在提交表单之前查看表单是否完整。
浏览 6提问于2018-12-19得票数 0
为什么我会得到以下错误：Can't bind to 'data' since it isn't a known property of 'teach-data'.
当试图：
<teach-data *ngIf="selectedData" [data]="selectedData"></teach-data>
TeachDataComponent
..some imports
export class TeachDataComponent implements OnInit {
p
浏览 3提问于2016-08-14得票数 5
回答已采纳
2回答
角7，Enum和输入属性绑定
、、、、
问题是当使用@Input将枚举与视图模板绑定时，枚举将被解决为undefined。构成部分：
enum FormAction {
Insert,
Update
}
@Component({
selector: 'app-member-editor',
})
export class MemberEditorComponent implements OnInit {
modes = FormAction;
@Input('mode') mode: FormAction;
ngOnInit() {
console.log(
浏览 1提问于2018-11-27得票数 3
回答已采纳
我生成了两个组件登录和主页。我试图将用户输入从登录模板到登录组件，然后通过主页组件到主页模板。我该怎么办？
我没有在任何组件文件中编写任何代码，只是在登录模板文件中。以下是登录模板代码。
<form #loginForm="ngForm">
<label>Username:</label>
<input name="username" ngModel #name="ngModel" required minlength="4" maxlength="10" ap
浏览 0提问于2019-06-11得票数 0
我想用数字在Django中动态创建行和列表。如下图所示 <table border="1">
{% for i in row %}
<tr>
{% for x in columns %}
<td>????</td>
{% endfor %}
浏览 27提问于2021-09-11得票数 0
1回答
在从父组件接收数据后，我试图显示子组件。我必须采取以下步骤：
我已经在父html页面中声明了组件选择器。
将数据从父组件发送到子组件Show(text: string)方法：
私有文本:字符串；显示(文本:字符串){ this.text = text；}
在此之后，我在子组件中插入*ngIf="text" for div，仅在组件收到数据时显示数据。
但是，当我调用子组件的show方法时，text变量是空的，而我的子组件没有显示。我认为这是因为我的父html页面中的子组件选择器创建了一个对象的新实例，该实例有一个空的text值。我怎么能解决这个问题？
更新
浏览 2提问于2017-09-06得票数 2
回答已采纳
1回答
我从Meteor开始了我的第一个应用程序，一切都进行得很顺利，直到我注意到一个集合不再显示在模板中。
这是我的密码：
App.js
Tasks = new Mongo.Collection("tasks");
if (Meteor.isServer) {
Meteor.publish("tasks", function () {
return Tasks.find();
});
}
if (Meteor.isClient) {
Meteor.subscribe("tasks");
Template.body
浏览 3提问于2015-12-11得票数 0
回答已采纳
1回答
我想使用多级url (appname、命名空间、命名空间、名称)。
我有一个名为portfolio_menu的应用程序，该应用程序具有store.urls，inside store.urls具有pruduct.urls，该应用程序内部有带有名称列表页面的视图，如何通过{%url%}<code>E 211</code>标记访问它？我将把代码写在下面：
portfolio_menu.urls：
app_name = 'portfolio'
urlpatterns = [
path('test', include(
浏览 14提问于2022-05-23得票数 0
如何使用from_email地址初始化电子邮件表单，这是django中当前用户的电子邮件地址。我正在使用邮局应用程序，希望填写发件人电子邮件地址。如何将初始值设置为：
def __init__(self,*args,**kwargs):
self.base_fields['from_email'].initial = 'hi@s.com'
super(EmailForm, self).__init__(*args, **kwargs)
但是电子邮件id应该动态变化。请求对象在EmailAdmin的changelist_view中可用
浏览 2提问于2014-08-11得票数 0
我有一个字符串需要传递给一个django模板过滤器。但仅仅是字符串，没有涉及到django模型，我认为这就是导致问题的原因。
var pk = "123";
var age = "{{ pk|pk_into_age }}";
在我的django模板过滤器代码中：
def pk_into_age(pk):
timestamp = Model.objects.get(pk=int(pk)).timestamp
return humanizeTimeDiff(timestamp) // Ex: "5 hours ago"
return
浏览 0提问于2012-12-30得票数 0
回答已采纳
我想将值传递给template_context和：Any option passed to the startapp command (among the command’s supported options)
我所理解的是，我传递的任何额外的参数，都将被设置为上下文字典。但我也收到了同样的错误(django-admin startapp: error: unrecognized arguments: --options=ok)
django-admin startapp name_app --template="./templates" --options="ok&
浏览 6提问于2022-01-25得票数 0
这里，当从showbtnContent()中单击app.component.html时，child.component.html的两个divs =‘btn1Content’和id='btn2Content‘应该切换。在这里，选择器<app-child></app-child>在app.component.html中传递。当单击btn1时，div id='btn1Content‘应该显示，div =’btn2Content‘应该隐藏，反之亦然。
app.component.html
----------------------
<button cla
浏览 2提问于2017-10-23得票数 1
回答已采纳
我在角9.1.3里工作。
我有两个组件admin和header。我必须打印/传递变量从admin到header组件。但是说变量是undefined。
我的管理组件：admin.component.ts
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../auth.service';
import { first } from 'rxjs/ope
浏览 4提问于2020-05-14得票数 0
2回答
django语言翻译标签
、、、
我正在使用django {% language %}{% endlanguage %}标记来使用与html选择列表不同的语言代码来超限我的django模板中的文本的语言代码，但是它不起作用！
这是我的代码：
{% language '$("#id_language_code").val()' %}
"{% trans 'to Present' %}"
{% endlanguage %}
当用户从html选择列表中选择一个值时，$("#id_language_code").val()肯定会被更改。如果我
浏览 6提问于2014-05-16得票数 3
我有drupal 8的多站点架构，我在我的基本主题中使用模式实验室，但是现在我想从父主题到子主题访问一些组件。使用模式实验室创建子主题的最佳方法是什么？提前谢谢。
浏览 0提问于2020-05-01得票数 0
回答已采纳
1回答
我有一个表单，这个表单对于一个组件来说太复杂了。
所以我为表单的一部分做了一个分段，它有多个动态输入，给出一个输出并验证自己。它没有提交按钮，在每次更改时，它只返回计算的结果，如果它被验证成功与否。
// Contains multiple input fields, passes its result when
// filled in properly and errors if not filled in properly
// so I can disable the submit button.
// Also contains a clear m
浏览 1提问于2019-11-29得票数 1
回答已采纳
1回答
我有这个简单的脚本，里面有道具来自其他组件，当我安慰它的时候，它的工作很好。但是如何将道具传递到我的line-chart组件下呢？
export default {
props: ['dataset'],
components:{
'line-chart': {
extends: Bar,
beforeMount () {
try{
this.addPlugin(horizonalLinePlugin)
//consol
浏览 1提问于2018-11-22得票数 0
回答已采纳
2回答
我正试图将一个值从parent-component传递给他的嵌套child-component (角1.5 )
该值可以从父级更新，但子值不能编辑，只需显示。那么，单向绑定“<”是对的吗？
而且我不能在父组件声明中传递子组件，因为父组件也有其他用途。
关键是我的父组件存储了公共数据，但是他们的孩子会以不同的方式使用它。
父组件将被多次使用，有不同的子组件，这就是为什么我不能在父声明中传递子组件的原因。我需要绑定信息，以便自动更新，当父母更新数据时，必须由孩子反映。
HTML
<parent-component ng-transclude>
<child-co
浏览 4提问于2016-08-17得票数 1
1回答
Django模板和视图
、、、、
我在这儿有点麻烦。我正在做一个简单的网站从html到Django驱动的网站，它没有特殊的内容，3页(cv/about/projects)，是一个有点网站组合。
我想使用CKEditor来通过管理界面对页面进行编辑。我还希望能够使用Django模板。
当从CK编辑界面创建页面并将内容添加到“content”字段时，我无法作为模板访问这些页面。
我认为对我的问题很重要的代码是：
models.py：
from django.db import models
from ckeditor.fields import HTMLField
class Page(models.Model):
titl
浏览 3提问于2012-05-19得票数 0
在AJAX调用中使用{% url 'query' %}时，将返回一个字符串，但当我放置一个静态url时，它会正常工作。
我在安装的应用程序中使用Django-过滤器和Django-rest框架。
url.py
from django.conf.urls import url
from . import views
urlpatterns = [
url(r'^query/$', 'my_app.views.app_function', name='query')
]
app.js
$(document).ready(f
浏览 3提问于2015-12-15得票数 1
回答已采纳
1回答
我试图进入页面，而我没有登录和应用程序重定向我登录页面，并获得下一个参数是有效的(前。
localhost:8000/login/?next=/blog/add/
但是，当我输入登录和密码并单击“登录”按钮时，它将我重定向到主页，而不是下一个参数中的主页。
localhost:8000, not localhost:8000/blog/add/
我使用默认django登录视图，这样就可以在登录视图中不更改任何内容就可以做到这一点？
在django默认情况下，我在重定向登录页面时只添加了下一个参数(使用@login_required( login _url=' login '))
浏览 1提问于2016-12-10得票数 0
回答已采纳
我是angular的新手，正在尝试创建一个自定义的表组件，以便在我的应用程序中重用。我有一个简单的例子，通过传递一个数据数组，然后传递一个Column配置数组。 我的Column配置如下所示 export interface Column {
field: string;
displayValue?: string;
cellTemplate?;
} 然后在我的TableComponent中，我根据传入的数据和列数组构建表。 但是现在我想试着让它更高级一点，并且能够传入cellTemplate，比如 {
field: 'firstName',
displayV
浏览 26提问于2019-03-06得票数 0
我希望将父组件中address的更新状态传递给子组件的center属性。更具体的是，从App到BaseMap组件。然而，我似乎无法使它发挥作用。新的眼睛，可以帮助您将不胜感激！
这是我的代码(我删除了fetch函数，它工作得很好，所以不会打扰您。我只需要更新我的子组件的状态)：
父级：
class App extends Component {
constructor(props) {
super(props);
this.state = {
avatar: '',
username: 'nickname93',
浏览 10提问于2017-09-11得票数 1
回答已采纳
我想要创建Mandrill模板，根据动态数据使用不同的“地址”。
我可以使用合并字段吗？如果没有，我应该如何创建一个动态的"From Address“模板。
浏览 3提问于2014-02-21得票数 2
回答已采纳
3回答
我有一个问题组件，它有多个实现，但包含一个通用的标题组件。
我的愿望是创建一个组件，这样模板就可以输出给定问题模型的正确问题类型。
我已经看到了ngTemplateOutlet的想法，但是关于它如何工作的文档很难理解(可能不是对你，但对我来说是)，通过查看示例，我不确定如何实现这一点。我不认为我必须重新发明轮子，这似乎是一个共同的要求。
我之前的尝试包括一个具有许多不同*ngSwitchCase的[ngSwitch]容器，但是，如果我可以在外部定义模板，并让questionComponent知道从questionType到可用的ng-template的映射，那将是最理想的。
例如：
expor
浏览 1提问于2018-11-15得票数 0
我希望传递布尔状态以将className从一个组件更改为另一个组件。我试图通过{this.props.isOpen}传递它，但是它没有工作。如何将状态值传递给另一个组件？
父组件
class Category extends React.Component {
constructor(props) {
super(props);
this.state={ isOpen: false };
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState({ is
浏览 5提问于2017-09-11得票数 1
回答已采纳
基本上，我想要创建编辑器，在这里您可以使用jinja2语法编辑页面的一部分。在编辑器中，如果您按预览，我希望能够看到已呈现的模板包含在页面中，但是有所有的变量和自定义筛选器，页面本身都有。我目前的代码是：
Python
from flask import render_template
from jinja2 import Template
# (... route logic here ...)
return render_template('preview.html',
title='Some title',
preview=Template(
浏览 1提问于2020-05-20得票数 1
回答已采纳
云服务器
ICP备案
对象存储
实时音视频
云直播
腾讯云开发者
