2013-08-19 11 views
7

は、私がその範囲内にあるものはすべて変数をhtmlで宣言できますか?

<li>Document Printing - 
<a href="http://{{displaySandbox()}}/{{displayCase()}}{{subPath}}"> 
<span ng-class="{true:'value',false:'invalid'}[(sandbox && validcase())==true]">http://<span class="sandbox">{{displaySandbox()}}</span>.companyname.com/<span class="case">{{displayCase()}}</span>{{subPath}}</span></a> 
<span ng-bind-html-unsafe="getUrl(subPath)"> 
</span> 
</li> 

を言うことができるであろうように、

<div ng-var="subPath=/PrintingService/PrintingService.svc> 

でこれをラップするような何かを宣言したいと思い

<li>Document Printing - 
<a href="http://{{displaySandbox()}}/{{displayCase()}}/PrintingService/DocumentPrintingService.svc"> 
<span ng-class="{true:'value',false:'invalid'}[(sandbox && validcase())==true]">http://<span class="sandbox">{{displaySandbox()}}</span>.companyname.com/<span class="case">{{displayCase()}}</span>/PrintingService/DocumentPrintingService.svc</span></a> 
<span ng-bind-html-unsafe="getUrl('/PrintingService/DocumentPrintingService.svc')"> 
</span> 
</li> 

を考える方法はありますスコープを宣言するには(変数の場合は 'constant'、そうであれば 'constant')、angular.jsのhtmlで? ng-initを使用して

+1

はい、あります[ 'NG-init'](http://docs.angularjs.org/api/ng.directive:ngInit)。 – Stewie

+0

それぞれのテンプレートの内部では、 'ng-bind-html-unsafe'は変更されたクロージャに問題がありませんか? – Maslow

+0

これは私が期待した理由で失敗します:http://jsfiddle.net/5Ag8C/ – Maslow

答えて

4

、あなたは以下のように値を初期化することができます。しかし、そのような場合には、コントローラを使用することをお勧めし

<data ng-init="subPath= '/PrintingService/PrintingService.svc'"/> 

ng-init doc

関連する問題