个人中心
gpt4 book ai didi

javascript - ng-show、ng-hide 在 Controller 之外不起作用

转载 作者：行者123 更新时间：2023-12-01 01:25:01 24 4
gpt4 key购买 nike

我有两个 div。一个是添加，另一个是查看。一次显示任何一个 div。我的添加按钮位于 Controller 之外。 

     <input id="Button1" type="button" value="Add" onclick="AddClick()" />
 <div ng-app="myApp" ng-controller="csrControl" ng-init="viewdiv=true">
     <div id="view" ng-show="viewdiv">
         view
     </div>
     <div id="add" ng-hide="viewdiv">
        Add
     </div>
 </div>

这里我从外部调用了 Controller 并将范围变量分配为 false。变量设置为 false，但 div 无法隐藏和显示。 ng-show 和 ng-hide 不工作

function AddClick() {
       var $scope = 'div[ng-controller="csrControl"]';
       $scope.viewdiv = 'false';
       $scope.$apply();
    }

最佳答案

以下是我为使其正常工作而进行的更改:

  • 将 ng-app="myApp"ng-controller="csrControl" 放入正文中。
  • 将 ng-init="viewdiv=true" 移至 $scope.viewdiv = true;。

还有很多小事情。检查一下。

angular.module('myApp', ['myApp.controllers']);

angular.module('myApp.controllers', []).controller('csrControl', [
  '$scope', function($scope){
    $scope.viewdiv = true;
    $scope.addClick = function() {
       $scope.viewdiv = false;
    }
  }
]);
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="csrControl">
<input id="Button1" type="button" value="Add" ng-click="addClick()" />
 <div>
     <div id="view" ng-show="viewdiv">
         view
     </div>
     <div id="add" ng-hide="viewdiv">
        Add
     </div>
 </div>
</body>
</html>

关于javascript - ng-show、ng-hide 在 Controller 之外不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53880011/

24 4 0
文章推荐： java - 格式化 double 到 6 位小数精度
文章推荐： ajax - 没有从文本到字符串的转换 - ajax 调用失败
文章推荐： jquery - 根据屏幕尺寸替换 HTML
文章推荐： django - 如何使用 Django 中间件检查用户是否已从美国境外登录
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com