这道题的ng-if和ng-show难住了我

最新推荐文章于 2023-04-28 14:37:33 发布

敲出真谛

最新推荐文章于 2023-04-28 14:37:33 发布

阅读量168

点赞数 1

分类专栏： angular 文章标签： ng-if ng-show

本文链接：https://blog.csdn.net/qq_36818627/article/details/100576264

版权

angular 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

最近在维护一个项目，需要获取道单选框的值，项目用的是angular.js.

问题描述

1.我在页面用ng-if来做判断的时候，控制器始终拿不到绑定的值，代码如下

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Angular的双向数据绑定</title>
  <style media="screen">
    .ng-cloak {
      display: none;
    }
  </style>
  <script src="https://cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
  <script src="https://cdn.bootcss.com/angular.js/1.5.8/angular-animate.min.js"></script>
</head>

<body>
  <div ng-app="myApp" ng-controller="myCtrl" ng-cloak class="ng-cloak">
    <div ng-if="flag === 1">
      <label for=""><input type="radio" name="countA" value="0" ng-model="size" ng-change="sss()">A.{{items[0]}}</label>
      <label for=""><input type="radio" name="countA" value="1" ng-model="size" ng-change="sss()">B.{{items[1]}}</label>
      <label for=""><input type="radio" name="countA" value="2" ng-model="size" ng-change="sss()">C.{{items[2]}}</label>
    </div>
  </div>
  <script type="text/javascript">
    var app = angular.module("myApp", []);
    app.controller("myCtrl", ["$scope", function ($scope) {
      $scope.size;
      $scope.flag = 1;
      $scope.items = ["苹果", "香蕉", "西瓜"];
      $scope.sss = function () {
        console.log(typeof $scope.size, $scope.size);
      }
    }]);
  </script>
</body>

</html>