国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angularjs在ng-repeat中使用ng-model遇到的問題

2019-11-20 10:45:20
字體:
來源:轉載
供稿:網友

在ng-repeat中使用ng-model時會有許多問題,有的人碰到無法獲取綁定的數據內容,有的人遇到改動綁定的數據內容時所有循環生成的內容一起改變。上面的問題我在開發時也遇到過,但是解決后我卻怎么也還原不了那種情況了,只能先簡單介紹一下無法獲取的情景該如何解決。

例如:

html:

<body><div ng-controller="selectController">  <div ng-repeat="pop in citylist">    <select ng-model="p">      <option value="" style="display:none;">{{pop.pop}}</option>      <option value="北京">北京</option>      <option value="上海">上海</option>      <option value="廣州">廣州</option>    </select>    <button ng-click="cs()">ceshi</button>  </div></div></body>

js:

<script>  var app = angular.module('app', []);  app.controller('selectController', function ($scope) {    $scope.citylist=[{id:1,pop:"北京"},{id:1,pop:"上海"},{id:1,pop:"廣州"}];    $scope.cs=function(){      console.log($scope.p);    }  })</script>

很簡單的功能,想要在點擊更改按鈕時獲取select當前選中的數據內容,但是你會發現這樣寫只能得到undefined,此時有的人會提出可以將p賦予成為一個對象,通過key:value的方式來保存每一次的選擇

$scope.p={};

這樣確實沒問題,但是會有一個新的問題那就是只要改動了一項,那么所有的內容都會跟著一起改變,那么有沒有更好的方法呢?

只要一個小小的改動

html:

<button ng-click="cs(p)">ceshi</button>

js:

 $scope.cs=function(p){      console.log(p);    }

這只是個簡單的例子,如大家在實際使用時發現有別的問題也可以在評論中留言。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 河曲县| 龙胜| 麻江县| 宿松县| 永丰县| 汤原县| 原平市| 三原县| 义马市| 慈利县| 水富县| 新建县| 华阴市| 大足县| 桃江县| 资兴市| 卢氏县| 中超| 永城市| 东乌珠穆沁旗| 轮台县| 连州市| 呼伦贝尔市| 榆社县| 汝州市| 潼南县| 登封市| 芜湖县| 龙南县| 浑源县| 靖安县| 滦南县| 通州区| 江孜县| 南宁市| 勐海县| 奉贤区| 太仓市| 岢岚县| 巴青县| 若羌县|