背景:今天做项目遇到一个烦事,作为菜鸟还是捣鼓了好一会儿,就是想获取select的option的value值,但一直获取不到,可能是关于父子控制器$scope值传递方面问题,最后还是换了方法才解决。
简之:代码刚开始是通过是用option的ng-repeat指令遍历数组,然后想通过select的ng-model来获取option的value值,然而在其他编译环境下正常,拿回项目就不行了。代码大致如下:
<body ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedSite">
<option ng-repeat="x in sites" value="{
{x.url}}">{
{x.site}}</option>
</select>
<h1> {
{selectedSite}}</h1> //==>>当点击select的option选项时,这里显示的就是option的value值了。
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.sites = [
{site : "Apple", url : "http://www.apple.com"},