html - 如何编写没有值的可选属性来显示/隐藏某些 block ？

Question

如何编写没有值的可选属性来显示/隐藏某些 block ？

Demo

例如，当“showsum”属性存在于下面的行中时:

<div ng-controller="myCtrl" showsum headers="['Table Header 1', 'Table Header 2']">

我想显示这一行(例如:总和:12)

<td ng-show="showsum">Sum: {{ getCol1Sum() }}</td>

Answer 1

因为 ng-show 指令接受一个表达式，所以你不能像在那里那样使用它，

The ngShow directive shows or hides the given HTML element based on the expression provided to the ngShow attribute.

我不知道你将其定义为属性的原因是什么，但你可以做的是创建一个指令

像这样

myApp.directive('showsum ', function() {
   return {
       restrict: 'A', // restrict to an attribute so we can use it as such
       link: function(scope, element, attrs) {
            scope.showsum = true; // set the show sum expression so we can access it in the scope 
       }
   }
})

例子:

http://plnkr.co/edit/mE5LrSMWdIwPRazEdD3b?p=preview

它将为范围创建一个 showsum 属性，您可以随心所欲地使用它