gpt4 book ai didi

javascript - Angular Directive(指令)范围。如何隔离单个变量

转载 作者:行者123 更新时间:2023-11-30 15:45:52 25 4
gpt4 key购买 nike

我正在尝试使用 Angular Directive(指令)制作输入包装器,它应该有不同的标签。现在我什至无法访问输入之外的模型(即使使用 scope: false)。

HTML:

<input-block data-label="my label">
<input class="input-field" type="text" name="test" ng-model="test"/>
</input-block>

Test: {{test}} <!--not working-->

Angular :

profileApp.directive('inputBlock', function() {
return {
replace: true,
restrict: 'E',
transclude: true,
template: '' +
'<div class="input-block">' +
'<span class="input-text">{{label}}</span>' +
'<ng-transclude></ng-transclude>' +
'</div>',
link: function(scope, element, attrs) {
scope.label = attrs.label;
}
};
});

目前唯一的想法是找到一种方法来隔离单个变量或类似的东西

最佳答案

如前所述,只需为您的ng-model 使用对象:

<body ng-init="model = {}">
<input-block data-label="my label2">
<input class="input-field" type="text" name="test" ng-model="model.test"/>
</input-block>

Test: {{model.test}}
</body>

笨蛋:http://plnkr.co/edit/XxeMlVv6I6qOwjPoCUtQ?p=preview

关于javascript - Angular Directive(指令)范围。如何隔离单个变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40075923/

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