gpt4 book ai didi

angularjs - ng-attr 绑定(bind)到模型的 Angular 指令

转载 作者:行者123 更新时间:2023-12-04 23:51:50 24 4
gpt4 key购买 nike

All code and preview in plunker

我想将一个属性双重绑定(bind)到指令范围并从外部更改该属性
它改变了指令内部的一些东西。

<body ng-app="paneApp" ng-controller="AppCtrl">

<div class="btn-group">
<button type="button" class="btn btn-primary" ng-model="pane.a" btn-checkbox>A</button>
<button type="button" class="btn btn-primary" ng-model="pane.b" btn-checkbox>B</button>
<button type="button" class="btn btn-primary" ng-model="pane.c" btn-checkbox>C</button>
<button type="button" class="btn btn-primary" ng-model="pane.d" btn-checkbox>D</button>
</div>

Visible: {{pane.a}} {{pane.b}} {{pane.c}} {{pane.d}}

<pane-container>
<pane ng-attr-hidden="{{pane.a}}">A</pane>
<pane>B</pane>
<pane>C</pane>
<pane>D</pane>
</pane-container>
</body>

这里的错误是:
Error: [$parse:syntax] Syntax Error: Token 'pane.a' is unexpected, expecting [:] at column 3 of the expression [{{pane.a}}] starting at [pane.a}}].

如果不在属性中使用表达式,则一切都按预期工作:
        <pane ng-attr-hidden="{{pane.a}}">A</pane>

编辑:

此示例按预期工作: preview in plunker

最佳答案

我假设 ng-attr-hidden需要一个 Angular 表达式,但你给它一个对象定义。
尝试删除 {{}}

<pane ng-attr-hidden="pane.a">A</pane>

关于angularjs - ng-attr 绑定(bind)到模型的 Angular 指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21171502/

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