尝试在其中使用带有ng-show语句的指令.基本上它检查一个字符串的值,它是我的’names’jsonarray中的status_p1属性:
原文链接:/angularjs/142983.htmlng-show="name.status_p1==working"
该指令定义为:
app.directive('radioButton',function(){ return { restrict: 'E',replace: 'true',template: '<table border="2px">' + '<tr><td>{{name.name}}</td><td>Working</td><td><img src="http://www.iconshock.com/img_jpg/REALVISTA/general/jpg/256/cross_icon.jpg" alt="img1" id="imgworking" ng-show="name.status_p1!=working"><img src="http://png-1.findicons.com/files/icons/2198/dark_glass/128/camera_test.png" alt="img2" ng-show="name.status_p1==working"></td></tr>' + '</table>' }; })
我的主页中的控制器名称如下所示:
app.controller('MainCtrl',function($scope) { $scope.names = [ { name: 'couple 1',status_p1: 'working',status_p2: 'retired' } ] });
最后的主页:
<body ng-controller="MainCtrl"> <div ng-repeat="name in names"> <radio-button></radio-button> </div> </body>
目前显示一个十字架,它应该显示一个支票/勾号.我期待的条件评估为TRUE,因为status_p1属性等于“工作”.如何修改这个ng-showstatement以使字符串比较工作?
plunkr链接:http://plnkr.co/edit/3VdsbsSHpkNJFVnvkmOW?p=preview