Góc: Cung cấp các phương pháp để ng-model

Question

Tôi đã sử dụng Angular gần đây như một bài tập học tập.

Tôi muốn chuyển một phương thức tới ng-model hoặc một biểu thức có thể đánh giá thành một.

Trong fiddle http://jsfiddle.net/C4aGk/ bạn sẽ thấy rằng tôi đã mã hóa trường cứng là ng-model="record.inner[0].text" và nó hoạt động, bây giờ, tôi muốn thay thế số không mã hóa cứng bằng thứ được trả về lúc chạy- thời gian, được chọn theo tiêu chí cho biết id = 1.

mã HTML của tôi:

<div ng-controller="MainController" ng-app> 
    <div ng-repeat="record in records"> 
     <input ng-model="record.inner[0].text"> <span>{{record.outer}}</span> 
     <div ng-repeat="nested in record.inner">{{nested.id}} - {{nested.text}}</div> 
     <hr /> 
    </div> 
</div> 
<br/> 

và js tương ứng:

function MainController($scope) { 
    $scope.records = [{ 
     outer: "Hello", 
     inner: [{ 
      id: 1, 
      text: "Angular" 
     }, { 
      id: 2, 
      text: "jQuery" 
     }] 
    }, { 
     outer: "World", 
     inner: [{ 
      id: 1, 
      text: "Node.js" 
     }, { 
      id: 2, 
      text: "Underscore.js" 
     }] 
    }]; 

    $scope.getText = function (record) { 
     var index = 0; 
     for (nested in record.inner) { 
      if (nested.id === 1) { 
       return "record.inner[" + index + "].text"; 
      } 
      index++; 
     } 
    }; 

Tôi đã thử đặt ng-model="getText(record)" theo https://groups.google.com/forum/#!topic/angular/Pef6LY2rT7g không thành công, và tìm kiếm khác bật lên https://github.com/angular/angular.js/pull/1328 này mà cũng không kém phần vô ích với tôi.

Mọi trợ giúp sẽ được đánh giá cao.

Answer 1

Mọi thứ bạn chuyển vào mô hình ng được đánh giá là biểu thức góc đối với phạm vi. Điều đó có nghĩa là record.inner[0].text được đánh giá là $scope.record.inner[0].text và sau đó kết quả của biểu thức đó được sử dụng. Khi bạn sử dụng getText(record), đánh giá góc $scope.getText(record) và ng-model được quyền truy cập vào kết quả của đánh giá này. Hãy nhớ rằng mô hình ng không đánh giá kết quả của cuộc gọi hàm này.

Vấn đề của bạn là bạn đang trả lại kết quả dưới dạng chuỗi biểu thức góc, nhưng không bao giờ đánh giá nó, do đó, mô hình ng được gán một chuỗi mà nó không thể sử dụng. Có rất nhiều cách để thiết kế lại mã của bạn để giải quyết vấn đề này, nhưng cách đơn giản (và có lẽ không tốt nhất) là sử dụng cái gì đó như ng-init để nhận kết quả của cuộc gọi hàm và sau đó chèn kết quả đó vào mô hình. Xem fiddle này để có ví dụ nhanh http://jsfiddle.net/z5z9s/