Question

需要将变量从控制器绑定到视图：

在索引html中：

<body ng-app="widget" ng-controller="WidgetCtrl">

    <div ng-view class="chatWidget"></div>

</body>

在控制器中：

$scope.showHideSchedule = true;

在视图中：

<div ng-show="WidgetCtrl.showHideSchedule">{{WidgetCtrl.showHideSchedule}}</div>

WidgetCtrl.showHideSchedule - 无效

Answer 1

尝试为控制器添加别名，如

<body ng-app="widget" ng-controller="WidgetCtrl as wg">
    <div ng-view class="chatWidget"></div>
</body>



<div ng-show="wg.showHideSchedule">{{wg.showHideSchedule}}</div>

Answer 2

像你一样使用ng-view。我会像这样设置html主体

<body ng-app="widget" ng-controller="MainCtrl">

   <div ng-view class="chatWidget"></div>

</body>

然后我会像这样设置widget.html文件

<div ng-show="widget.showHideSchedule">{{widget.widgetName}}</div>

然后你的js代码应该是这样的，以便使用widget别名

  .controller('WidgetCtrl', 
    function() {
      this.showHideSchedule = true;
      this.widgetName = 'new widget';
  }])

以下是此

的摘要

https://plnkr.co/edit/l6lmAByRXm3dYfHIrARX?p=preview

Answer 3

我在$ scope的帮助下工作。$ broadcast event。我不确定它是否是最佳解决方案，但它确实有效。

从控制器角度绑定变量到html里面的视图

3 个答案: