Question

我有以下.html代码和.js代码：

waitCursor.html：

<div ng-show="show">
    <div class="text-center">
        <i class="fa fa-spinner fa-spin"></i> Loading...
    </div>
</div>

simpleControls.js：

(function () {
    "use strict";

    angular.module("simpleControls", [])
        .directive("waitCursor", waitCursor);

    function waitCursor() {
        alert("aaaa");
        return {
            templateUrl: "/views/waitCursor.html"
        };
    }

})();

APP-trips.js：

(function () {
    "use strict";
    alert("bbb");
    angular.module("app-trips", ["simpleControls"]);
})();

在我调用的.cshtml文件中：

<wait-cursor ng-show="true" > </wait-cursor>

但是，虽然我已将所有组件设置为true，但仍会获得class="ng-hide" 附：警报只是为了确保Angular正在工作。

同时添加图片：Pic

Answer 1

指令级别的ng-show="true"与指令ng-show级别的div无关。如果你想使用有界变量，你需要在指令范围内定义它，然后在你的指令中使用它：

{
   scope: {
     ngShowOutsdieDirective: '=ngShowFromInside'
   }
}

来自https://docs.angularjs.org/guide/directive

P.S：不确定您是否可以使用绑定到标准ng-show。您可以尝试ngShow: '=show'，然后在您的指令html中尝试：

<div ng-show="show">
    <div class="text-center">
        <i class="fa fa-spinner fa-spin"></i> Loading...
    </div>
</div>

AngularJs ng-show = true，但添加了类ng-hide

1 个答案: