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，当显示2时，id2.jpg ...但这不起作用

你能否提出其他方法来实现这个目标？

Answer 1

问题通过CodeHater's suggestion解决; OP通过删除双括号将Angular表达式ng-switch on="{{names[0].id}}"更改为常规Javascript表达式。生成的代码为ng-switch on="names[0].id"。

ng-switch无法正常工作

1 个答案: