Javascript ng开关不工作

Javascript ng开关不工作,javascript,angularjs,angularjs-directive,angularjs-scope,Javascript,Angularjs,Angularjs Directive,Angularjs Scope,以下是脚本: <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) {

以下是脚本:

<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>

var-app=angular.module('myApp',[]);
app.controller(“myController”,函数($scope){
$scope.names=[
{
id:1,
姓名:'迈克尔',
年龄:12
}
];
});
以及我的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……但这不起作用


你能建议其他方法来完成这项工作吗?

问题通过以下方式解决:;OP通过删除双括号将“{names[0].id}}”上的
ng开关的角度表达式更改为常规Javascript表达式。生成的代码是
ng switch on=“names[0].id”

请尝试从
on
中删除
{{}