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はng-switch on="{{names[0].id}}"、二重括弧を削除することにより、Angular式を通常のJavascript式に変更しました。結果のコードはng-switch on="names[0].id".

于 2015-01-29T16:29:48.683 に答える