ng-switch不起作用

Question

這是腳本：

<script src="angular.min.js"></script>
<script src="jquery-1.6.4.js"></script>
<script type="text/javascript">
    var app = angular.module('myApp', []);
    app.controller("myController", function ($scope) {
        $scope.names = [
        {
            id: 1,
            name: 'Michael',
            age: 12
        }
    ];
});
</script>

和我的HTML的身體：

<body ng-app="myApp" ng-controller="myController">
    <div ng-switch on="{{names[0].id}}">
        <div ng-switch-when="1"><img src="/images/id1.jpg"></div>
        <div ng-switch-when="2"><img src="/images/id2.jpg"></div>
   </div>
</body>

我想做的是，當id為1時，將顯示id1.jpg，而當id為2時，id2.jpg ...但是這不起作用

您能否建議其他方法來實現這一目標？

Answer 1

該問題已通過CodeHater的建議得以解決。 OP通過刪除雙括號將Ang-表達式ng-switch on="{{names[0].id}}"更改為常規Javascript表達式。 結果代碼為ng-switch on="names[0].id" 。

ng-switch不起作用

問題描述

1 個解決方案

解決方案1
0

ng-switch不起作用

問題描述

1 個解決方案

解決方案1 0

解決方案1
0