2016-10-17 5 views
0

を使用してページのレンダリング中に{{変数}}が表示されないようにしていますが、()の余分な文字を追加するとページがまだレンダリングされている間に空白()のように見える変数式の余分な文字でng-bindをレンダリングします

<span ng-bind="(selected.id) + ' (' + (selected.serialnumber) + ') ' "></span> 

推奨される解決策または回避策はありますか?

答えて

1

ng-cloackを使用できます。

ngCloakディレクティブは、アプリケーションのロード中に簡単にその生(コンパイルされていない) 形式でブラウザに表示されてからの角度HTMLテンプレート を防ぐために使用されます。

here

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Example - example-ng-cloak-production</title> 
 
    
 

 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 
    
 

 
    
 
</head> 
 
<body ng-app=""> 
 
    <u>with ng-cloak: (Expression hidden)</u> 
 
<div ng-cloak>{{ 'Hello world' }}</div> 
 
<div class="ng-cloak">{{ 'Hello world' }}</div> 
 
    
 
<u>without ng-cloak: (Expression visible first time)</u> 
 
<div>{{5+3+333+555}}</div> 
 
<div>{{ 'world' }}</div> 
 
</body> 
 
</html>

関連する問題