gpt4 book ai didi

angularjs - AngularJS 中的指令和范围

转载 作者:行者123 更新时间:2023-12-04 05:26:56 24 4
gpt4 key购买 nike

这是代码,理想情况下我应该看到

parent: true



当我点击切换

但是,它不起作用

这里是 plunker
<body ng-controller="MainCtrl">
<button type="button" ng-click='isParentShown= !isParentShown' >Toggle</button>
<div><span>Controller-isParentShown: {{isParentShown}}</span></div>
<parent isShown='isParentShown'></parent>

</body>


var app = angular.module('plunker', []).directive('parent',function(){
return {
restrict: 'E',
replace: true,
scope: {
isShown: '='
},
template: '<span>Parent: {{isShown}}</span>'
};
}).directive('child',function(){
return {
restrict: 'E',
replace: true,
template:'<span>Child: {{isChildShown}}</span>',
scope: {
isChildShown: '@'
}
};
});
app.controller('MainCtrl', function($scope) {
$scope.isParentShown = false;
});

最佳答案

问题在于属性的大小写,如果你定义一个 isShown 绑定(bind),它期待一个 is-shownis:shown属性。这是固定的 plunker:http://plnkr.co/edit/UOigth

关于angularjs - AngularJS 中的指令和范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13093926/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com