0

这是脚本:

<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 ......但这不起作用

你能建议其他方法来实现这一点吗?

4

1 回答 1

0

该问题已通过CodeHater 的建议解决;OP 通过删除双括号将 Angular 表达式更改ng-switch on="{{names[0].id}}"为常规 Javascript 表达式。结果代码是ng-switch on="names[0].id".

于 2015-01-29T16:29:48.683 回答