更新代码: 我的 Controller 中有一个字符串数组，如下所示，
var app = angular.module('myApp', []);
app.controller('mycontroller', function($scope) {
$scope.menuitems =['Home','About'];
};
});
我需要在导航 Pane 中显示它(导航应该在左侧) 下面是我的 html 代码。
<body class="container-fluid">
<div class="col-md-2">
<ul class="nav nav-pills nav-stacked" ng-repeat="x in menuitems track by $index">
<li>{{x}}</li>
</ul>
</div>
</body>
我确实获得了绑定(bind)到导航 Pane 的字符串值。它正在显示类似 {{x}} 的文本。
请帮忙
最佳答案
- 在你的 javascript 代码中
};是不必要的。 - 您还没有将
controller附加到div。
代码。
Javascript:
var app = angular.module('myApp', []);
app.controller('mycontroller', function($scope) {
$scope.menuitems = ['Home', 'About'];
//}; // REMOVE THIS
});
HTML:
<div class="col-md-2" ng-controller="mycontroller">
<!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ -->
<ul class="nav nav-pills nav-stacked" ng-repeat="x in menuitems track by $index">
<li>{{x}}</li>
</ul>
关于javascript - 将字符串数组绑定(bind)到导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31284003/