ng-show在ng-init上无法正常工作

时间:2017-05-29 13:36:24

标签: javascript html angularjs

这是我的代码

<div ng-init="$scope.bot_assistance='false'">
    <label for="switch">Bot Assistance:
        <input type="checkbox" id="switch" ng-model="$scope.bot_assistance">
    </label><br/>
    <p>Value:-{{ $scope.bot_assistance }}</p>
    <div ng-hide="$scope.bot_assistance">Bot Assist Disabled</div>
</div>

我的网页加载后,我可以看到$scope.bot_assistance='false'的值,但为什么我的ng-hide评估为true并且没有显示在页面上。 在我检查并再次取消选中后,它也会显示div块。所以我想在选中复选框后设置ng-hide=true并在再次单击复选框后显示<div ng-hide="$scope.bot_assistance">为假,这是我希望它工作但是在页面加载后它没有显示ng - 隐藏块。为什么有人帮助我呢?提前谢谢。

1 个答案:

答案 0 :(得分:2)

  1. 不要在模板中使用$scope(您是否真的在控制器中使用$scope.$scope?)
  2. Do not initialize the initial value with ngInit
  3. 不要使用字符串值bot_assistance='false'
  4. 初始化布尔变量