• angularjs select


    <html>
    <head>
    	<meta charset="utf-8">
    	<title>select 测试页面</title>
    	<script src="angular1.5.8.min.js"></script>
    </head>
    <body ng-app="app">
    <div ng-controller="getnames">
    	<p>with ng-option,这种方式可以取到一个对象</p>
    		<select ng-model="selectedPeople" ng-options="people.name for people in peoples"></select>
    	    your choice is :{{selectedPeople.name}}
    
    	<!-------------------------------------------------------------------------------------------->    
    	<p>without ng-option,这种方式只能取到一个字符串</p>
    		<select ng-model="selectedName">
    			<option  ng-repeat="people in peoples" value="{{people.age}}">{{people.name}}</option>
    		</select>
    	    your choice is :{{selectedName}}
    </div>
    </body>
    <script type="text/javascript">
    	var app =angular.module("app",[]);
    	app.controller("getnames",function($scope){
    		$scope.peoples=[{name:"quannan",age:"100"},{name:"shenzhen",age:"1200"},{name:"shnaghai",age:"1003"}];
    		//$scope.names=["quannan","shenzhen","shanghai"];
    	});
    </script>
    </html>
    

      

  • 相关阅读:
    Qt实现模糊搜索
    Qt解析多级xml文件
    insert into
    Git忽略规则(.gitignore配置)不生效原因和解决
    搭建vue开发环境
    表单
    事件处理
    列表渲染
    条件渲染
    class与style绑定
  • 原文地址:https://www.cnblogs.com/hrx-star/p/6130682.html
Copyright © 2020-2023  润新知