ng单击触发函数，但无法更改$scope.var

ng-click fired function but couldn't change $scope.var

本文关键字：var scope 单击 函数 ng      更新时间：2023-09-26
<!doctype html>
<html ng-app>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>
<ul class="list">

  <li class="item">
     Room Types & Prices
     <button ng-click="editMode=true" ng-hide="editMode" class="editBtn">Edit</button>
     <button ng-show="editMode" class="ion-plus addBtn" data-pack="default"></button>
  </li>

<div class="inputRowWrap" ng-show="editMode">
      <div class="row">
        <div class="col col-40">
<label class="item item-input">
          <input type="text" placeholder="Room #1">
        </label>
        </div>
        <div class="col col-40">
<label class="item item-input">
          <input type="text" placeholder="RM">
        </label>
        </div>
                <div class="col">
<select>
              <option selected="">1 pax</option>
              <option>2 pax</option>
              <option>3 pax</option>
              <option>4 pax</option>
              <option>5 pax</option>
              <option>6 pax</option>
            </select>
</div>
      </div>
            <div class="padding saveBtnWrap">
        <button ng-click="saveSetting()" class="button button-block button-positive">Save</button>
      </div>
      </div>


</ul>
<hr>
{{editMode}}
</html>

  $scope.saveSetting = function(){
    $scope.editMode = false;
  }
}

我的 $scope.editmode 不会更改其值，我发出了函数触发的警报。知道吗？

在 html 中添加一个ng-controller：

<body ng-controller="Ctrl">

工作示例

相关文章：