Angular ng-show 来自 link 函数中指令范围内的变量集

Question

我希望能够设置 ng-show 关闭我在 Angular 客户指令的 link 函数中对范围变量设置的变量。

angular.module('myApp')
  .directive('testDir', function () {
    return {
      template: <div ng-show="{{showme}}"> hello </div>,
      link: function (scope, element, attrs) { //
        scope.showme=true; 
    }
  });

不幸的是，当我这样做时，它没有按预期工作。如果我设置 scope.showme=true，那么我的指令将被隐藏。如果我将其设置为 =false，则会显示它。我怎么搞砸了？

Answer 1

ng-show 需要一个表达式而不是表达式的值，因此从表达式中删除插值 {{}}。

做：

 template: <div ng-show="showme"> hello </div>,

Angular ng-show 来自 link 函数中指令范围内的变量集

Angular ng-show from variable set on scope of directive in link function

angularjs

angularjs-directive

angularjs-ng-show