angularjs - Как снять флажки и нажать кнопку - PullRequest
0 голосов
/ 03 января 2019

У меня есть какой-то флажок, который происходит из цикла в angularjs.Здесь мне нужно снять все флажки при нажатии кнопки. Вот я уже пробовал, но он не работает, может кто-нибудь, пожалуйста, помогите мне в этом. Вот код ниже

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <div ng-app="myApp" ng-controller="myCtrl">
    <ul ng-repeat="(x, y) in items.filter">
    <li class="parent"><b>{{x}}</b></li>
    <li class="child">
    <ul>
    <li ng-repeat="p in y.value"><input type="checkbox" ng-model="vehicle" name="vehicle">{{p}}</li>
    </ul>
    </li>
    </ul>
    <button ng-click="myFunct()" type="button">click</button> 
    </div>

SCRIPT

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope,$http) {   
$scope.items = {"filter":{"Category1":{"value":["one","two","three"]},"Category2":{"value":["four","five","six"]}}} 
    $scope.myFunct = function() {
  $scope.vehicle="";
    }
    });

Ответы [ 2 ]

0 голосов
/ 04 января 2019

Назначить $ scope.vechicle = false

Обновленный код

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope,$http) 
{   
	$scope.items = {"filter":{"Category1":{"value":["one","two","three"]},"Category2":{"value":["four","five","six"]}}} 
		$scope.myFunct = function() {
		  $scope.vehicle=false; //changed to false
		}
});
0 голосов
/ 03 января 2019

Комбинация ng-checked с ng-click - лучшее решение для управления флажками с контроллера, вы можете попробовать это:

<ul ng-repeat="(x, y) in items.filter">
    <li class="parent"><b>{{x}}</b></li>
    <li class="child">
    <ul>
    <li ng-repeat="p in y.value">
      <input type="checkbox" 
      ng-checked="v"
      name="Item.selected">{{p}}</li>
    </ul>
    </li>
    </ul>
 <input type="checkbox" ng-model="v" ng-click="checkAll()" />Clear all

Пример: http://next.plnkr.co/edit/a9DInByf8a6yv6wl?preview

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...