栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何从angular.js数组中删除元素/节点

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何从angular.js数组中删除元素/节点

从数组中删除项目没有火箭科学。要从任何数组中删除项目,您需要使用

splice
$scope.items.splice(index,1);
。这是一个例子:

的HTML

<!DOCTYPE html><html data-ng-app="demo">  <head>    <script data-require="angular.js@1.1.5" data-semver="1.1.5" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>    <link rel="stylesheet" href="style.css" />    <script src="script.js"></script>  </head>  <body>    <div data-ng-controller="DemoController">      <ul>        <li data-ng-repeat="item in items">          {{item}}          <button data-ng-click="removeItem($index)">Remove</button>        </li>      </ul>      <input data-ng-model="newItem"><button data-ng-click="addItem(newItem)">Add</button>    </div>  </body></html>

的Javascript

"use strict";var demo = angular.module("demo", []);function DemoController($scope){  $scope.items = [    "potatoes",    "tomatoes",    "flour",    "sugar",    "salt"  ];  $scope.addItem = function(item){    $scope.items.push(item);    $scope.newItem = null;  }  $scope.removeItem = function(index){    $scope.items.splice(index, 1);  }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/649488.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号