无法访问无模板组件中的范围成员

时间:2017-05-06 08:38:45

标签: angularjs angular-components angular-controller

尝试在不指定模板的情况下使用组件。

问题:HTML似乎无法访问任何孤立的范围成员,即:hideMe& testMessage

<html>

  <head>

    <script type="text/javascript">

      angular.module('test', [])

          .component('testComponent', {

            bindings: {
            },

            controller: function() {

              var ctrl = this;

              ctrl.$onInit = function() {

                ctrl.hideMe = true;
                ctrl.testMessage = 'hello';

              }

            }

        });

    </script>

  </head>

  <body ng-app="test">

    <test-component ng-hide="$ctrl.hideMe">

      <p>Controller message: {{ $ctrl.testMessage }}</p>

    </test-component>

  </body>

</html>

Plunkr

很难过。有什么想法吗?

0 个答案:

没有答案