动态追加Id时，获取了期望表达式的插值({{}})
动态追加Id时，获取了期望表达式的插值({{}})是一种在前端开发中常用的技术。它是模板引擎或前端框架中的一种语法，用于在页面中插入动态数据。
这种语法通常用于在HTML模板中嵌入动态生成的内容，例如从数据库中获取的数据或用户输入的数据。通过使用双大括号({{}})来包裹表达式，可以将动态生成的值动态插入到HTML模板中，实现页面的动态展示。
在前端开发中，动态追加Id时获取期望表达式的插值({{}})可以应用于各种场景。例如，在一个电商网站的商品列表页面中，可以使用这种语法动态生成每个商品的唯一标识Id，并将其插入到对应的HTML元素中，以便后续的操作或样式控制。
对于这个问题，腾讯云没有直接相关的产品或服务。但是，腾讯云提供了丰富的云计算产品和解决方案，可以满足各种不同的应用场景和需求。您可以访问腾讯云官方网站，了解更多关于腾讯云的产品和服务介绍。
总结起来，动态追加Id时获取期望表达式的插值({{}})是一种前端开发中常用的技术，用于将动态生成的数据插入到HTML模板中。腾讯云作为一家领先的云计算服务提供商，提供了丰富的产品和解决方案，以满足不同的云计算需求。
相关·内容
我想在REST AngularJS $http.get()调用之后动态显示$http.get()响应数据。答案很好，插入的数据绑定{{showOrderStateTrigger}}和{{orderDetails}}只是为了测试目的，在调用显示true和预期的内容之后。但是ng-show和ng-hide没有意识到他们的状况发生了变化。我创建ng-show和ng-hide用例只是为了测试两种方法。检查变量undefined或布尔变量状态。我试过$scope.$apply()电话，但这只会使事情变得更糟。嵌套调用导致异常。有人能帮我解决这个问题吗？
<script type=&
浏览 1提问于2018-05-26得票数 0
回答已采纳
2回答
我想了解如何通过调用控制器函数来传递一个使用ng-重复动态创建的参数给控制器。
目前，当我调用showItem('{{item.item_id}}');时，我在控制器函数中看到了{{item.item_id}}。如果去掉括号，似乎没有调用该函数(在console.log中没有输出)。
$scope.showItem = function(itemId) {
console.log('show item '+itemId);
}
<ul ng-repeat="items in data">
<li>
&
浏览 6提问于2015-05-07得票数 0
回答已采纳
1回答
我被困在这里了。我想像这样计算10雷姆的2/3：
$percentage : percentage(2/3); // 66.666667%
$width : 10rem;
$calculate : do magic: 66.666667% of 10rem;
img { max-height: calc( 100vh - $calculate ); }
我一直在查那些文件。我只能找到一些关于数学函数的东西，而不是太多关于百分比的东西。
浏览 2提问于2021-06-28得票数 0
回答已采纳
我正在尝试将即将出版的"Play for Scala“一书第2章中的教程代码从Scala转换为Haskell (使用Yesod)。我在尝试“国际化”我的defaultLayout时遇到错误。我(故意)不使用脚手架Yesod站点，因为我试图了解其内部结构。下面是我的代码：
{-# LANGUAGE FlexibleInstances
, MultiParamTypeClasses
, OverloadedStrings
, QuasiQuotes
, TemplateHaskell
浏览 0提问于2013-06-03得票数 1
回答已采纳
1回答
我正在编写一个带有动态页面的角度应用程序。我有一个名为stateParam的currentCategory，它为当前类别的id返回一个整数。因为我只想显示当前页面的类别，有没有一种方法可以将这个整数传递给一个角度过滤器？
这很简单，但是返回一个语法错误。
<div ng-repeat="category in categories | filter:{cat_id:{{currentCategory}}}:true">
浏览 1提问于2015-12-12得票数 0
回答已采纳
我想有条件地显示依赖于动态值的样式。例如：
<div ng-style="!obj.prop ? 'width : 0;' : 'width: {{ obj.val1 / obj.val2 }}%;'"></div>
使用ng-class或ng-style可以做到这一点吗？
浏览 0提问于2016-03-21得票数 0
我有一个函数返回与日期匹配的st或th。我现在也想把这个月和它一起返回。月份打印正确，但当我尝试添加它，以防抛出此错误时，inOutString不能转换为字符串。
if let date = dateFormatterGet.date(from: date)
{
let monthString: String = dateFormatterMonthPrint.string(from: date)
print("This is month Str: \(monthString)")
var dateString =
浏览 0提问于2018-04-27得票数 1
在我们的Angular项目中，我们使用如下所示的插值，但我们还需要在state属性中使用这个插值的值。但到目前为止，我们还没有成功。有什么想法吗？ 如果我们如下所示设置id值，就不会有问题。 <a routerLink="/ticket/details/" [state]="{ id: '5' }" >{{row.TicketId}}</a> 但是我们不能通过获取标签来动态获取(它在{{ row.TicketId }}中作为row.TicketId获取)，也不能与id参数连接。 <a routerLink="
浏览 24提问于2019-04-12得票数 2
回答已采纳
我将此模板存储在一个文件中，该文件由一个名为budgetRow的自定义指令中的templateUrl指向：
<tr class="item_row" id="{{rowId}}">
<td class="item_cell" id="description">
<input type="text" ng-model='budget.row({{rowId}}).description' >
</td>
</tr>
当$sc
浏览 24提问于2018-05-31得票数 0
回答已采纳
下面两种风格在地形上有什么区别，它们是一样的吗？
vpc_id = aws_vpc.default.id
诉
vpc_id = "${aws_vpc.default.id}"
浏览 3提问于2020-06-08得票数 1
1回答
我有函数f=f(x，y，z)在MxNxP大小的网格上进行数值计算。
我需要在(明显的)不同维度的更细的网格上插值这些值。就像我对interp1一样，当我在一个区间上只有一个函数的一些值时，我想插值它，以便在更多的点上找到值。
我试着执行这段代码：
XX=linspace(0,45,50);
YY=linspace(0,0.5,50);
ZZ=linspace(0,0.5,50);
U_1 = interp3(X,Y,Z,f,XX,YY,ZZ,'linear')
其中，X，Y，Z是点的向量，其中，f，XX，YY，ZZ是我想要解的点。
我尝试了griddata和interp3，但
浏览 3提问于2017-12-13得票数 0
1回答
在使用城堡的动态代理时，我遇到了一些(我认为是)奇怪的行为。
使用以下代码：
class Program
{
static void Main(string[] args)
{
var c = new InterceptedClass();
var i = new Interceptor();
var cp = new ProxyGenerator().CreateClassProxyWithTarget(c, i);
cp.Method1();
cp.Method2();
C
浏览 5提问于2011-07-09得票数 16
回答已采纳
我正在尝试创建一个指令，在该指令中，我试图基于模型动态生成表单。在这种情况下，似乎没有正确设置data-ng-model。
我得到了以下输出。
<input type="{{ item.type }}" class="form-control" id="{{ item.id }}" data-ng-model="{{ item.model }}" placeholder="{{ item.label }}">
然而，我期待的是跟随。
<input type="text
浏览 1提问于2014-01-15得票数 1
来自“文件”：
在表达式中嵌入内插标记
注释： AngularJS指令属性采用表达式或嵌入表达式的内插标记。在表达式中嵌入插值标记被认为是坏实践：-
我正在寻找一个写得很好的规范的答案，我可以指出读者。
浏览 2提问于2018-07-30得票数 11
回答已采纳
1回答
想要使动态包含
示例- h1包含路径/#{object}或包含路径/+{object}+{a:true，b:11}，类似于上面的内容，如果有人知道如何处理pug中的Mixins，请给出一个包含的示例
浏览 2提问于2022-02-03得票数 0
我刚刚读到了Ruby2.4的Regexp.match?('string')，看到它的结果非常兴奋！但当我在我的应用程序中尝试它时，我几乎看不到任何好处。
str = 's'
Benchmark.bm do |b|
b.report(".match ") { 100000.times { 'string'.match /s/ } }
b.report(".match? ") { 100000.times { 'string'.match? /s/ } }
b.
浏览 3提问于2018-05-23得票数 2
如何使用属性checkType以scope.countFrom = sseHandler.broadcastStamp[checkType];这样的方式解析？我这样做是为了插入值并使指令可重用。
现在我得到了ReferenceError: checkType is not defined
angular.module('monitorApp')
.directive("countDown", [ 'sseHandler', function (sseHandler) {
return {
restrict: 'E&
浏览 1提问于2014-07-24得票数 1
回答已采纳
当我尝试自动显示/隐藏时，我发现如果我在属性值表达式中使用{{}}，DOM初始状态是正确的，但当我更新模型时，view还没有更新，即使属性值正确地更新为"false“，"ng-hide”类也没有添加到DOM中。错误的DOM如下所示：
<p class="grey-text" ng-show="false">no data</p>
但如果我不使用{{}}，类可以正确更新。
浏览 0提问于2016-01-12得票数 3
我很难找到一种很好的方法来绑定这个动态创建的表中的数据。我遇到了问题，既引用了输入字段的原始值的数据，又在对输入字段进行更改后更新模型时遇到了问题。
我试过这些：
<input type="text" value="{{set.date}}" ng-change="change(this.value)" />
<input type="text" ng-model="{{set.time}}" ng-change="change(this.value)" />
<inp
浏览 2提问于2015-11-03得票数 0
回答已采纳
我正在尝试计算ng-bind-html中的表达式，但它不起作用。如果有人知道解决此问题的方法，请提供帮助。 下面的代码没有显示任何内容。 <h5 ng-bind-html="{{feedType ==='popularProducts' ? displayedProduct.title : displayedProduct.name}}"></h5>
浏览 29提问于2020-01-01得票数 2
回答已采纳
我想使用角显示/隐藏或删除父div，这取决于子div的内容。
<div id="display-wrapper">
<div class="display-title">{{SELECTION.TITLE}}</div>
<div class="display-text">{{selection.text|| SELECTION.NO_TEXT}}</div>
</div>
根据用户在搜索窗口中选择的内容，div将填充数据。有时，对于这些特定的div，将没有数据。我很
浏览 0提问于2014-05-25得票数 1
回答已采纳
如何在`structure provider:xxx中动态查找页面模板中的提供者
考虑下面的非工作示例
<div class="portlet-manager-row" tal:repeat="portletId python:range(1,5)">
<div class="porlet-well_manager">
<h2 i18n:translate="portlet-well-a">Portlet Well <b tal:content="portl
浏览 1提问于2012-03-19得票数 1
我刚接触过“角质2”，希望能得到社区的一些帮助。我目前正试图在我的html视图的<tr>元素中实现<tr>的动态/条件实现。使用的trufy是一个变量，它的原始值来自于组件集上的JSON对象：
<td [ngClass] = "{weak : {{jsonInMyComponenet.element}}, neutral : !{{jsonInMyComponenet.element}}}" ></td>
当我使用上面的代码时，我会得到以下错误：
Got插值({{}})，其中期望表达式
如果去掉花括号，就没有错误，但是页面没有呈
浏览 3提问于2016-10-07得票数 4
回答已采纳
我有一个指令，它将一个字符串绑定到指令本身中作为ng模式应用，但是当它呈现时会产生一个UEOE错误。
该指令的定义是：
myApp.directive('myDirective', Directive);
function Directive() {
var directiveDefinition = {
restrict: 'E',
require: 'ngModel',
replace: true,
transclude: false,
link: fu
浏览 0提问于2019-05-28得票数 1
回答已采纳
1回答
在有@Sql注释的情况下，可以编译groovy代码吗？
下面的代码是用Spock编写的简单测试。
@Sql(statements = ["""
INSERT INTO pracownik ($Fields.KOMPETENCJA_ID, nr_ewid)
values (1, 'A');
INSERT INTO typ_zadania (id, kod) values (1, 'KOD');
"""]
)
def
浏览 0提问于2018-12-24得票数 2
下面的HTML有问题，不幸的是，我不知道正确的Angular.js术语来正确标题这个问题。
<body ng-controller ="GuessingGamesController as gamesCtrl">
<h1>Guessing Game Test Page</h1>
<div id="Game">
<h2>Test Game</h2>
<form name="StartGameForm" ng-submit=&
浏览 4提问于2014-12-12得票数 2
回答已采纳
构建一个简单的windows窗体，任务是将数据内容从一个文件读取到linq中。一切都编译好了，问题是输出，它被封装在foreach中，一旦信息被显示出来，而不是所有的数据一次显示出来，当你点击确定时，它就会一个接一个地显示。
这很奇怪，因为它与其他代码不同，它遵循相同的方法。这就是我正在做的事情。
为什么要一个接一个地显示结果？
foreach (var info in linqData)
{
MessageBox.Show(Convert.ToString(info.Count)+""+info.Line);
}
浏览 0提问于2018-11-12得票数 0
在我的应用程序中有9个小部件，每个小部件都有一个缩放选项。为了显示缩放选项，创建了常见的缩放组件以显示缩放的组件。
在单击“缩放”选项时，选定的组件名称传递给缩放组件，并与组件名称一起创建html标记，并试图通过innerHtml显示组件，但是组件没有出现在缩放的组件中。
尝试使用mat-进度-bar静态html
zoom-component.html
<div style="border:2px solid green" #dataContainer></div>
zoom-component.component.ts
export
浏览 0提问于2018-02-20得票数 2
回答已采纳
2回答
我正在尝试使用match方法匹配动态路由，但它不起作用。 ["payment", "portal", "animation"].each do |arg|
define_method("profile_#{arg}") do
self.path.match("/users/\d+/#{arg}")
end
end 因此，此代码self.path.match("/users/\d+/#{arg}")不能用于插值。 然而，如果我像下面这样做，那么它就会起作用。那么，有
浏览 11提问于2021-07-01得票数 0
回答已采纳
1回答
我有一个web服务，它返回一个模板，例如
Hello {{Name}}, Today is {{Yesterday}}
然后我有了另一个返回json对象的网站。
{
"Name": "Mr. Been",
"Yesterday": "a nice day",
"otherdata": "unknown"
}
是否可以用json对象中的数据替换模板中的键？
模板和web服务数据完全是动态的(未知)。
浏览 0提问于2015-09-07得票数 1
1回答
正如问题所暗示的，我想在lighten/darken函数中使用自定义css颜色(带有--color*)。原因是我有一个Ionic应用程序，我想动态更改主题颜色，如下所示：
--ion-color-primary: #fff;
--ion-color-primary-rgb: 255, 255, 255;
--ion-color-primary-contrast: #000);
--ion-color-primary-contrast-rgb: 0, 0, 0;
--ion-color-primary-shade: darken(var(--ion-color-primary, 30);
--i
浏览 0提问于2020-03-20得票数 1
1回答
我在我的应用程序中使用Struts 1.2。我需要迭代一个列表，并根据列表中存在的项数创建<html:radio>。为了遍历列表，我使用了<logic:iterator>。该列表被设置为请求的属性。
这是我使用的代码：
<logic:iterate name="mediaTypes" id="type">
<html:radio name="rentMediaForm" property="mediaType" value="
浏览 1提问于2013-01-19得票数 0
回答已采纳
2回答
我试着理解angularJS的基础知识，并测试扩展模板，因为我们以前使用过的微模板有一些问题。
请看一下
有一行：<span ng-click="foo('{{item.id}}', '{{item.name}}')">{{item.name}}</span>
当我通过铬检查器查看时，它按预期进行了扩展：<span ng-click="foo('1', 'name1')" class="ng-binding">name1</span>
浏览 2提问于2014-03-21得票数 1
回答已采纳
我有一个json结构，通过它，我创建了一个使用控制器和路由的表单。json是：
[{
"name": "home",
"section": "link"
},
{
"name": "about",
"section": "link"
},
{
"name": "Style",
"section": "link"
},{
"name":
浏览 3提问于2015-09-04得票数 1
回答已采纳
我在几个方面看到了这个问题，但这里有一个示例 我像这样读取了一个xml文档，并打印出一个值 [xml]$pom = get-content -path pom.xml
PS C:\> $pom.project.artifactId
nexus-peter-test-service 但是，如果我将值放在双引号中，则会得到以下结果 "$pom.project.artifactId"
System.Xml.XmlDocument.project.artifactId 我需要双引号中的值，因为它是一个长字符串的一部分。在我的例子中，是一个url。所以我这样使用它： "/
浏览 23提问于2021-07-30得票数 0
回答已采纳
4回答
我有一个散列引用数组：
my @price = (
{
id => '1',
label => 5.00
},
{
id => '2',
label => 7.50
},
);
我还有两个可变的整数，$diff和$last。当我尝试迭代数组以将"label“与$diff/$last相乘时
foreach (@price) {
print "(($diff/$last)*$_->{label})\t
浏览 0提问于2011-11-19得票数 1
回答已采纳
摘自角文件：
角表达式是类似JavaScript的代码片段，主要放在插值绑定中，例如
<span title="{{ attrBinding }}">{{ textBinding }}</span>
但也直接用于指令属性(如ng-click="functionExpression()" )。
例如，这些是以角表示的有效表达式：
1+2 a+b user.name项索引
但是，我对何时使用双大括号语法{{}}以及何时不使用感到困惑。文档似乎表明，在指令属性中使用表达式时不需要它们(参见上面的ng单击示例)。
尽管下面的代码
浏览 8提问于2016-02-11得票数 19
回答已采纳
我有一个基于事件的规则，配置为在单击具有特定类的元素时触发。单击后，我希望捕获现有数据属性的值。DTM文档说明您可以使用以下语法捕获属性值：
%this.data-事件%
或
%this.id%
示例HTML：
在单击“测试”类的链接时，我希望将“事件名称”的值存储在eVar中。但是，当我使用上面的语法时，语法被转换为字符串，并且在Adobe服务器中调用为：
V25：%this.data-事件%
在DTM中单击时动态获取HTML元素属性值的最佳方法是什么？
浏览 0提问于2016-07-20得票数 0
如何将变量添加到html中的对象？我正在使用ngx-countdown计时器，我需要将json数据的值添加到config对象中，但我在弄清楚如何操作时遇到了问题。如何在配置对象中插入或动态插入值？
最初它看起来像<countdown [config]="{ leftTime: 120, format: 'm:s' }">
Time Left: <countdown [config]="{ leftTime:"+ {{auction.creator.auctionEndDateTime}} + ", format:
浏览 11提问于2019-11-04得票数 0
1回答
可以用插值法选择元素吗？我有一个带字符串的var
inputId = "awesomeInput"
我想选择ID为"awesomeInput“的输入。我试着像通常使用jquery那样去做。
$("#{inputId}")
console.log告诉我有东西被拾取了，但是我试图在这个对象上执行的任何函数都失败了。没有错误，但也没有影响。如下所示：
$("#{inputId}").show()
如何使用jquery选择一个元素，然后显示它呢？
浏览 3提问于2014-05-19得票数 1
1回答
Js附加变更指数
、、
我有这个输入组，当单击Add按钮时，我希望输入组将加倍，但是输入的名称应该根据发送到函数addfunction()的索引进行更改。投入组：
<div class="col-md-10" id="ingr">
<div class="input-group" id="elem">
<span class="input-group-addon">Category</span>
<select class
浏览 0提问于2020-04-23得票数 1
回答已采纳
我试图用ng-model指令来使用插值表达式，但它不起作用。相反，当我在ng-src中使用插值时，它工作得非常好。这有什么区别呢？
浏览 4提问于2015-05-16得票数 3
回答已采纳
我正试着用Chart.js把图表放到我的flask网站上。当我使用下面的CDN链接时，所有的功能都很完美；这应该意味着我的代码没有问题。
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw=="crossorigin="anony
浏览 3提问于2021-03-11得票数 1
2回答
目标
我期待扩展CodeSchool的“形成与棱角”的教程。我的目标是让用户点击一个缩略图，重新呈现当前的产品图像。产品映像保存在JSON文件中-每个产品都有一个多个映像数组。
演示
product.js
app.directive("productGallery", function() {
return {
restrict: "E",
templateUrl: "product-gallery.html",
controller: function() {
this.current = 0;
浏览 4提问于2015-05-02得票数 1
回答已采纳
我在QValueAxis中使用QtCharts时出错了
断言: painting\qrasterizer.cpp文件中的“宽度> 0.0”，第761行
当QBarSet值都是0时，就会发生这种情况。
下面我有一个包含最小必要代码的示例：
#include <QtWidgets/QApplication>
#include <QtWidgets/QMainWindow>
#include <QtCharts>
QT_CHARTS_USE_NAMESPACE
int main(int argc, char *argv[])
{
QApp
浏览 4提问于2018-05-24得票数 0
回答已采纳
也许这是一个简单的问题，但对我来说是个挑战。
在angularJS中，当我用html代码编写{{}}时，我这样写代码，如果我谈到动态id，我们就像这样写代码
<div ng-repeat = 'item in itmes track by $index'>
<div id = "div-{{$index}}">{{item.name}}</div>
</div>
如果我使用没有{{}}的任何模型，则编写此示例
<input id = 'name' ng-model = "item
浏览 4提问于2016-01-13得票数 1
回答已采纳
1回答
我有两个组成部分。1. App组件，2.子组件。
为了更好地理解，代码和输出出现在stackblitz：中。
app.component.ts:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<div id="child"></div>
<div id="{{childComponent}}"></div>
`
})
expo
浏览 4提问于2019-10-31得票数 5
回答已采纳
1回答
我有一个JSON文件，其中的值是一个数组： "role":["ONE ROLE","ROLE TWO","ROLE WHATEVER",13123,123123] 我尝试使用正则表达式提取角色的所有值，以便动态获取字段“角色”及其在数组中的所有值。 到目前为止，使用这个正则表达式，我已经设法动态地提取了JSON文件中的所有数据，但是，当它到达数组时，它只提取第一个值…… \"(\w+)\"\:[\s\[]*\"([^\"|\,|\]]+) 是否有一种方法可以对所有值重复此捕获组？如果我只使用第二个
浏览 34提问于2019-05-23得票数 0
我在做错事，但我看不见！我试图在下划线模板中循环数组。但是它不起作用，所以我遗漏了一些东西，这是我的代码，我的模板工作得很好，否则，只是_.each的东西出问题了：
<script type="text/template" id="PageContent">
<div class="col2">
<@ _.each([0,1,2,3,4], function(i) { @> <p><@ i @></p> <@ }); @>
<
浏览 1提问于2011-09-09得票数 27
我觉得这是一个有点特别的问题，我在任何地方都找不到答案。也许我缺少了一些关于Vue.JS的东西，可以帮我解决这个问题。
我希望创建一个小的单页应用程序，它可以使用参数动态地更改屏幕。理论上，应用程序应该是动态的，我应该能够更新数据库，而不需要接触Vue.js应用程序。
我有一个包含一系列信息的小型JSON数据库。
["mary","john","alice"]
在使用生命周期挂钩beforeMount()的子组件上，我将检索此信息并将其放置到Data上的数组中。
data() {
return {
names: [],
浏览 0提问于2017-05-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
