简体   繁体   English

ng-init与ng-repeat不起作用

[英]ng-init with ng-repeat not working

I am trying to display some numbers in a div using as like below 我正在尝试使用如下所示在div中显示一些数字

 <div ng-init="range=[1,10,3,4,5]" ng-repeat="n in range" >
  {{n}}
 </div> 

It is not showing the numbers in range 没有显示range的数字

Initialize before ng-repeat 在ng-repeat之前初始化

<div ng-init="range=[1,10,3,4,5]" >
<div ng-repeat="n in range" >
  {{n}}
 </div> 
</div>

Fiddle for solution: https://jsfiddle.net/ggbnanoL/ 小提琴的解决方案: https : //jsfiddle.net/ggbnanoL/

Initialize the values before ng-repeat ng-repeat之前初始化值

<div ng-init="range=[1,10,3,4,5]"></div>
<div ng-repeat="n in range" >
    {{n}}
</div>

Plunker Plunker

ng-init should only be used for aliasing: https://docs.angularjs.org/api/ng/directive/ngInit ng-init仅应用于别名: https : //docs.angularjs.org/api/ng/directive/ngInit

Can you not initialise the range value in your controller? 您不能在控制器中初始化范围值吗?

Try this one 试试这个

<!DOCTYPE html>
<html ng-app>
<head>
    <title>AngularJS</title>
    <script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

</head>
<body>
    <ANY ng-init="range=[1,10,3,4,5]">
    </ANY>
    <div ng-repeat="n in range">
    {{n}}
    </div>
</body>
</html>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM