AngularJS不会将范围变量与函数绑定吗？

Question

当加载和更改select选项时，Angular似乎没有绑定我的作用域变量。 我有当前从选择元素中选择的ID，我想在其旁边显示名称：

<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="TodoCtrl">
      <select ng-model="myid" ng-options="c.id as c.name for c in cs"></select>

       <span ng-bind="getName(myid)"></span>

  </div>
</div>

function TodoCtrl($scope) {
    $scope.myid = 1;
    $scope.cs = [ {id:1, name:'one'},
                 {id: 2, name:'two'},
                 {id: 3, name: 'three'}];
    $scope.getName = function(id) {
        angular.forEach($scope.cs, function(c, index) {
           if(c.id == id)
               return c.name
        });

        return "NULL";
    }
}

的jsfiddle

为什么跨度不使用我的范围变量更新？ 首次加载时以及任何选择更改时，它始终为null。

Answer 1

你的问题在于你的getName函数看看这个小提琴

http://jsfiddle.net/nwtjdffc/

基本上我只是用

$scope.getName = function(id) {
   return ($scope.cs.filter(function(item){ 
       return item.id==id})[0]||{}).name
}