gpt4 book ai didi

javascript - 将字符串数组绑定(bind)到导航栏

转载 作者:太空宇宙 更新时间:2023-11-04 03:01:12 25 4
gpt4 key购买 nike

更新代码:我的 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}} 的文本。

请帮忙

最佳答案

  1. 在你的 javascript 代码中 }; 是不必要的。
  2. 您还没有将 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com