[英]AngularJS : md-button // Can I have 2 lines, and 2 font sizes in an ng-button, with an ng-click?
[英]Ng-click and md-button conflict
我在使用MD按钮内的链接以正常加载页面上的内容时遇到麻烦
<a class="wordpress" href="#" ng-click="active='Wordpress'">Wordpress</a>
然后只写我需要的内容
<p ng-show="active === 'Wordpress'">Find a sample of my wordpress codeing</p>
但这不适用于md按钮,尽管具有相同的paragragh输出,但它不会写入任何内容
<md-menu-item>
<md-button>
<a class="TokusatsuSeries" ng-click="active='TokusatsuSeries'">
Tokusatsu Series/Five Year War
</a>
</md-button>
</md-menu-item>
<p ng-show="active === 'TokusatsuSeries'">You chose <b>{{active}}</b></p>
Edit尝试了VM破坏代码的2条建议,而CTR并没有比我原来的更好:
<md-menu-item>
<md-button>
<a class="TokusatsuSeries"
ng-click="$ctrl.active='TokusatsuSeries'">Tokusatsu Series/Five Year War
</a>
</md-button>
</md-menu-item>
和该段写
<p ng-show="$ctrl.active === 'TokusatsuSeries'">You chose <b>{{active}}</b></p>
似乎出现此问题是因为一种材料成分创建了自己的scope
。 您应该避免这种情况。 如果您正在使用AngularJS组件,则应绑定到$ctrl
即
<md-menu-item>
<md-button>
<a class="TokusatsuSeries"
ng-click="$ctrl.active='TokusatsuSeries'">Tokusatsu Series/Five Year War
</a>
</md-button>
</md-menu-item>
<p ng-show="$ctrl.active === 'TokusatsuSeries'">You chose <b>{{active}}</b></p>
否则,您可以使用controllerAs语法
<div ng-controller="SomeController as vm">
<md-menu-item>
<md-button>
<a class="TokusatsuSeries"
ng-click="vm.active='TokusatsuSeries'">Tokusatsu Series/Five Year War
</a>
</md-button>
</md-menu-item>
<p ng-show="vm.active === 'TokusatsuSeries'">You chose <b>{{active}}</b></p>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.