Angularjs 我应该在什么时候在js项目的html中用`{}}`和不用`{}}`编写代码

Angularjs 我应该在什么时候在js项目的html中用`{}}`和不用`{}}`编写代码,angularjs,Angularjs,这可能是一个简单的问题,但对我来说很有挑战性。 在angularJS中,当我用html代码编写{{}时,我编写的代码如下 如果我谈到动态id,我们编写的代码如下 <div ng-repeat = 'item in itmes track by $index'> <div id = "div-{{$index}}">{{item.name}}</div> </div> {{item.name} 如果我使用任何没有{{}的模型,我就写这个例

这可能是一个简单的问题,但对我来说很有挑战性。
在angularJS中,当我用html代码编写{{}时,我编写的代码如下 如果我谈到动态id,我们编写的代码如下

<div ng-repeat = 'item in itmes track by $index'>
   <div id = "div-{{$index}}">{{item.name}}</div>
</div>

{{item.name}
如果我使用任何没有{{}的模型,我就写这个例子

<input id = 'name' ng-model = "item.name"/>

每当我在angular js中编码时,我都会在没有{{}的情况下编写代码,如果它不起作用,那么我会尝试使用{}编写代码,反之亦然。并且随机1将更正
问题是当我在html代码中使用
{{}
和不使用
{{}
编写代码时?

手术后,医生解释了到底是什么问题

因此,这里的问题很简单:我们什么时候使用
{{}
,什么时候不在
ng model
的上下文中使用

当您执行

手术后,医生解释了到底是什么问题

因此,这里的问题很简单:我们什么时候使用
{{}
,什么时候不在
ng model
的上下文中使用


在执行
时,最好避免使用
{{}
如果可能,当Angular尚未插值表达式时,动态ID将失败,请使用
ng attr ID=“div-{$index}}

另一个例子是,如果您的连接速度较慢,并且Angular尚未加载,但用户将看到
{{}
,则可以通过使用
ng bind=“”
来避免这种情况


查看此线程了解更多信息:

最好避免使用
{{}
如果可能,当Angular尚未插值表达式时,动态ID将失败,请使用
ng attr ID=“div-{{$index}}

另一个例子是,如果您的连接速度较慢,并且Angular尚未加载,但用户将看到
{{}
,则可以通过使用
ng bind=“”
来避免这种情况

有关更多信息,请参阅此线程:

它非常简单

{{something}-用于单向绑定(静态)

现在,如果您在HTML中更改它的值,您无法通过js中的$scope.something获得它

但是如果您使用ng model=“something”,您可以在JS中获得它的值。 这是因为ng模型是双向绑定的

大多数情况下,我们对表单使用ng模型{{}来显示静态信息,如用户详细信息或其他信息。

这非常简单

{{something}-用于单向绑定(静态)

现在,如果您在HTML中更改它的值,您无法通过js中的$scope.something获得它

但是如果您使用ng model=“something”,您可以在JS中获得它的值。 这是因为ng模型是双向绑定的


大多数情况下,我们对表单使用ng model,而{{}则显示静态信息,如用户详细信息或其他信息。

角度指令具有不同类型的参数。有些参数(@)需要字符串值,有些参数需要javascript表达式(=)(变量绑定到$scope)

没有明显的方法知道哪个参数需要什么类型的值(除了查看文档)

  • 如果变量需要静态字符串值,并且您有一个角度表达式
    • 然后您需要通过在{{}中包装来计算它
  • 如果变量需要一个表达式,而您有一个表达式
    • 只需输入

角度指令具有不同类型的参数。有些参数(@)需要字符串值,有些参数需要javascript表达式(=)(变量绑定到$scope)

没有明显的方法知道哪个参数需要什么类型的值(除了查看文档)

  • 如果变量需要静态字符串值,并且您有一个角度表达式
    • 然后您需要通过在{{}中包装来计算它
  • 如果变量需要一个表达式,而您有一个表达式
    • 只需输入

我看到您的最新答案可能是您不理解我的问题。我的英语很差,我的问题是当我在属性值中写{{}时,比如我给考试的$index。我没有要求特定的$index。你的意思是:
{$index}
vs
$index
?不,这只是我们在ng重复中使用的例子,我们在HTMLID中分配
id='{{$index}}
,问题是我如何决定属性值随
{}
而来,而不随
{{}{code>{/code>@VipinJain,我想规则是你不使用
{}}
在ng-*属性中。你确实在常规属性中使用它们,因为我看到你更新的答案可能是你不理解我的问题。我的英语很差,我的问题是当我在属性值中写{{}时,比如我给考试的$index。我没有要求特定的$index。你的意思是:
{$index}
vs
$index
?不,这只是我们在ng重复中使用的例子,我们在HTMLID中分配
id='{{$index}}
,问题是我如何决定属性值随
{}
而来,而不随
{{}{code>{/code>@VipinJain,我想规则是你不使用
{}}
在ng-*属性中。您确实在常规属性中使用它们
...
...
$scope.figureOne = 10;
<div>My age is {{ figureOne }}</div>
<div>My age is figureOne</div>