尝试在不指定模板的情况下使用组件。
问题: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>
很难过。有什么想法吗?