각도보기 템플릿의 내용을 마우스를 통해서만 업데이트합니다.

Question

컨트롤러와 함께 각도 템플릿을 사용하는 이상한 동작이 있습니다. 특수 뷰 컨텐츠는 종종 마우스 오버에서만 업데이트됩니다. 몇 가지 jsFiddles를 설정했지만 문제를 재현 할 수는 없습니다. 그래서 그것은 분명히 내 소스 코드에서 실수입니다. 여기에서 볼 수있는 유일한 특별한 점은 $scope 메서드를 사용하여 HTML 내용을 형식화하고 표시한다는 것입니다. {{order.total()}} € 때로는 이상하게 작동합니다.

다른 모든 HTML 부분은 예상대로 업데이트됩니다. 어떤 생각이 잘못 될 수 있습니까?

$scope.order = { 
 
    _total : 0, 
 
    total : function() { 
 
    return Globalize.format(this._total, "n"); 
 
    }, 
 
    positions: [] 
 
}; 
 

 

 
$scope.addProductToCurrentOrder = function(packageIndex, productId) { 
 

 
    var rs = { 
 
    _id : productId 
 
    }; 
 

 

 
    var tab = $scope.categories[packageIndex].packages; 
 
    for (var i = 0; i < tab.length; i++) { 
 
    var pack = tab[i]; 
 
    if (pack.productId === productId){ 
 
     pack.quantity++; 
 
     rs.articleName = pack.name; 
 
     rs.price = pack.price; 
 
     rs._price = pack._price; 
 
     rs.unit = pack.unit; 
 
     rs.weight = pack.weight; 
 
     break; 
 
    } 
 
    } 
 
    $scope.order.positions.push(rs); 
 
    $scope.order._total += rs._price; 
 
};

<h1> 
 
    <span class="btn btn-default btn-large">{{order.total()}} €</span> 
 
</h1> 
 

 
<div data-id="{{package.productId}}" class="btn bt-default panel panel-default order order-card withripple" ng-click="addProductToCurrentOrder($parent.$index, package.productId)"> 
 
    \t <div class="panel-body"> 
 
    \t <p class="lead"> {{package.name}}</p> 
 
    \t <p>{{package.weight}} {{package.unit}}</p> 
 
     \t </div> 
 
\t <div class="ripple-wrapper"></div> 
 
</div>

이

가

Answer 1

이

표현식이 작동하지 않을 이유 일 수 있습니다, 그래서 대신 내가

• 제거 함수 호출을 세계화 것, 그 다음에 무슨 일이 참조 세계화와.
• 새 합계를 다시 계산할 때 전역 화 문자열을 계산하십시오.
• globalization을 계산하기 위해 filter() 각도 표현식을 사용합니다.

뒤에있는 도서관은 무엇입니까?

모의의 세계화 기능은

var Globalize = { 
    format : function(a,b) { 
    return 22; 
    } 
}; 

http://jsfiddle.net/darul75/5L2d9y75/