相关疑难解决方法(0)

AngularJS:为什么ng-bind在角度上优于{{}}?

我在其中一个有角度的演示文稿中,提到的会议中的一个人ng-bind{{}}绑定更好.

其中一个原因是,ng-bind将变量放在监视列表中,并且只有在模型更改时才{{}}会将数据推送到视图,另一方面,每次都会插入表达式(我猜这是角度循环)并推动值,即使值发生变化.

另外据说,如果您在屏幕上没有太多数据可以使用{{}},并且性能问题将不可见.有人可以为我解释这个问题吗?

javascript angularjs ng-bind

401
推荐指数
5
解决办法
18万
查看次数

如何在CSS中将无序列表设置为逗号分隔文本

我正在寻找一种方法来使用CSS在XHTML中设置无序列表的样式,使其以内联方式呈现,并且列表项由逗号分隔.

例如,以下列表应呈现为apple, orange, banana(请注意列表末尾缺少逗号).

<ul id="taglist">
  <li>apple</li>
  <li>orange</li>
  <li>banana</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

目前,我正在使用以下CSS来设置此列表的样式,这几乎可以实现我想要的,但将列表呈现为apple, orange, banana,(请注意香蕉之后的尾随逗号).

#taglist {
  display: inline;
  list-style: none;
}

#taglist li {
  display: inline;
}

#taglist li:after {
  content: ", ";
}
Run Code Online (Sandbox Code Playgroud)

有没有办法用纯CSS解决这个问题?

html css xhtml

62
推荐指数
4
解决办法
3万
查看次数

在Angular 2中使用逗号作为列表分隔符

我想在我的模板中创建一个项目列表,用逗号分隔,但我不希望最后一个项目有逗号:

one, two, three
Run Code Online (Sandbox Code Playgroud)

如何使用Angular 2的模板语法实现此目的?

angular2-template angular

44
推荐指数
3
解决办法
3万
查看次数

AngularJS - 为什么ng-bind比表达式更快?

这个问题这个答案,似乎使用表达式将导致每次从头开始评估值.但是我搜索了文档和教程,但是我没有找到这个声明的参考.

在我看来,两者都包含在一个中$watch(),所以当$digest()循环运行时,它将看到内部的值ng-bind或是否{{}}已经改变.

在表现上,为什么ng-bind{{}}建议更好,哪里是参考?

performance angularjs ng-bind

11
推荐指数
1
解决办法
4663
查看次数

逗号分隔<p>有角度

我有一个非常基本的场景(有点新的角度).我正在尝试转换JSON:

[
    {'name': 'Nick'},
    {'name': 'David'},
    {'name': 'John'},
]
Run Code Online (Sandbox Code Playgroud)

至:

<p>Nick,David,John</p>
Run Code Online (Sandbox Code Playgroud)

但我无法弄清楚如何生成单个"p".你如何称之为ng-repeat<p>

<p ng-repeat="item in menuItems">{{item.name}}</p>
Run Code Online (Sandbox Code Playgroud)

angularjs

8
推荐指数
1
解决办法
7168
查看次数

在 ng-bind Angular Js 中使用 ng-if

<span ng-repeat="tag in tags">
   {{tag + "," }}
</span>
Run Code Online (Sandbox Code Playgroud)

我需要,在最后一个元素之后删除。我知道ng-if="$last"可以解决问题。但是,由于我没有任何父元素,{{tag}}因此无法使用ng-if,只需要解决一些问题。

javascript arrays jquery angularjs

4
推荐指数
1
解决办法
1720
查看次数

来自Json的Angular JS显示字符串数组

<li ng-repeat="address in search.result.addresses">
<a href ng-click="selectAddress(address)">
  {{address.addressLines}}
</a>
</li>
Run Code Online (Sandbox Code Playgroud)

问题出在我身上 {{address.addressLines}}

这是一个字符串数组,因此我在屏幕上的值打印出来就像

[ "地址1", "地址2", "地址3", "地址4"]

但我只想要它打印出来

地址1,地址,地址3,地址4

json angularjs

1
推荐指数
1
解决办法
8031
查看次数

更改角度数组中的文本颜色

我们有一些嵌套数据,我们正在表中显示.

其中一个表格单元格是一个数组的内容,使用此问题的答案将其转换为单个字符串使用逗号作为列表分隔符与AngularJS

我们有一个请求是为数组元素着色.该数组将是这样的:

[{name: "bob", color: red}, {name: "alice", color: green}]
Run Code Online (Sandbox Code Playgroud)

但是,我似乎找不到将颜色作为ng-repeat的一部分应用于文本的方法.

我知道一个选项是预处理数组并用元素替换名称.

arrays angularjs angularjs-ng-repeat

1
推荐指数
1
解决办法
604
查看次数