AngularJs中select选择框,option项结合ng-change的基本使用

最后一个妹子在做项目时突然问到这个事,说是要做一个功能,我当时没有想出来,就是用户在每次选择select列表项时,要把列表项里的值,每次累加到外面的一个p标签中!

好在,身边资源多,问了一个朋友才帮我弄出来。怕自己忘记,所以写出来也是做个笔记吧。希望对你们也是有用的。大家一起进步。

代码如下:


usage:label for value in array

选项:{{selected}}

-- 请选择 --

varm1=angular.module('myApp',[]);

m1.controller("ngselect",['$scope',function($sc){

varoption=[];

console.log($sc);

$sc.selectChange=function(){

// alert();

option.push($sc.selected.id);

$sc.selected=option;

alert($sc.selected.length)

}

$sc.optData=[{

id:10001,

MainCategory:'男',

ProductName:'水洗T恤',

ProductColor:'白'

},{

id:10002,

MainCategory:'女',

ProductName:'圓領短袖',

ProductColor:'黃'

},{

id:10003,

MainCategory:'女',

ProductName:'圓領短袖',

ProductColor:'黃'

}];

}]);

你可能感兴趣的:(AngularJs中select选择框,option项结合ng-change的基本使用)