Angular.js: Làm thế nào để sử dụng ng-ràng buộc để hiển thị concat. các phần tử của một mảng dưới dạng một chuỗi?

Question

Tôi mới đến Angular và có một câu hỏi cơ bản về ng-ràng buộc mà tôi không thể tìm thấy trong tài liệu. Kịch bản của tôi dựa trên ứng dụng giỏ hàng trong cuốn sách O'Reily Angular.js và tôi dường như không thể có được ng-ràng buộc để làm việc.

Đầu ra mong muốn: Tôi cần phải sửa đổi chức năng điều khiển của mình để tôi có thể hiển thị các phần tử mảng $ scope.items được cập nhật của tôi trong khoảng 'Tổng cộng'.

Dưới đây là các chức năng:

function CartController($scope) { 
    $scope.items = [ 
     {title: 'Software', quantity: 1, price: 1399.95}, 
     {title: 'Data Package (1TB)', quantity: 1, price: 719.95}, 
     {title: 'Consulting (per hr.)', quantity: 1, price: 75.00} 
    ]; 

    $scope.remove = function(index) { 
     $scope.items.splice(index, 1); 
    }, 

    $scope.reset = function(index) { 
     $scope.items = [ 
     {title: 'Software', quantity: 0, price: 1399.95}, 
     {title: 'Data Package (1TB)', quantity: 0, price: 719.95}, 
     {title: 'Consulting (per hr.)', quantity: 0, price: 75.00} 
    ]; 

    }; 
} 

Answer 1

Tôi muốn giới thiệu thực hiện một chức năng grandTotal trên $scope bạn và sau đó ràng buộc đó, như thế này:

http://jsfiddle.net/XMTQC/

HTML

<div ng-app ng-controller="CartController"> 
    Grand Total: <span>{{grandTotal()}}</span> 
    <br/> 
    Grand Total: <span ng-bind="grandTotal()"></span> 
    <br/> 
</div> 

JavaScript

Bạn cũng có thể sử dụng phép nội suy (thay vì ngBind) như được chỉ ra trong khoảng đầu tiên.