如何有条件地添加元素属性,例如checked复选框?
以前版本的Angular已经NgAttr和我认为NgChecked哪些似乎都提供了我所追求的功能.但是,Angular 2中似乎不存在这些属性,我看不到提供此功能的其他方法.
我正在使用Material 2来添加md-raised-button.
我想仅在某些条件成立时应用此指令.
例如:
<button md-raised-button="true"></button>
Run Code Online (Sandbox Code Playgroud)
另一个例子:我在plunker中创建了一个基本的动态反应形式.我正在使用formArrayName反应形式的指令来控制数组.我想formArrayName仅在特定条件成立时才应用指令.否则不添加formArrayName指令.我尝试和研究了很多,但可以找到任何解决方案.
这是plunker链接:https://plnkr.co/edit/oPZ7PyBSf8jjYa2KVh4J ? p = preview
我真的很感激任何贡献.
提前致谢!
angular-material angular2-forms angular2-directives angular-material2 angular
我通过ng2-dragula使用拖放操作。拖放功能通过以下方式应用:
<div class='container' [dragula]='"first-bag"'>
<div>item 1</div>
<div>item 2</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如果我正确理解了angular 2,则如何[dragula]='"first-bag"'将其附加到div的方法称为Angular 2中的“ 属性指令”。
现在,我的组件中有一个名为的变量enableDragNDrop:boolean。[dragula]='"first-bag"'仅在何时才能使用此变量将其附加到div enableDragNDrop == true?
如果enableDragNDrop == false,我想要这样:
<div class='container'><!-- no dragula attribute directive, no dragndrop -->
<div>item 1</div>
<div>item 2</div>
</div>
Run Code Online (Sandbox Code Playgroud)