2016-06-14 36 views
0

我創建了jsp頁面,並在model屬性中發送了一個模型。將jsp模型對象傳遞給angular創建解析錯誤

navigation map :: ${navigationMap} 

它顯示在jsp頁面上。 輸出

{"navigationMap":{"file":{"name":"test1","label":"file1","action":"file1","subNavigations":[{"name":"test2","label":"file11","action":"file11","subNavigations":null},{"name":"test3","label":"file12","action":"file12","subNavigations":null}]},"reciept":{"name":"test1","label":"reciept1","action":"reciept1","subNavigations":[{"name":"test2","label":"reciept11","action":"reciept11","subNavigations":null},{"name":"test3","label":"reciept12","action":"reciept12","subNavigations":null}]}}} 

但是,如果把這種可變角度的NG-INIT內部像

<div ng-init="navigation=${navigationMap}"> 
navigation::{{navigation}} 
</div> 

然後是解析錯誤。

angular.js:11607Error: [$parse:ueoe] http://errors.angularjs.org/1.3.14/$parse/ueoe?p0=navigation%3D%7B 
    at Error (native) 
    at http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417 
    at ib.peekToken (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:190:291) 
    at ib.object (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:199:198) 
    at ib.primary (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:189:223) 
    at ib.unary (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:196:478) 
    at ib.multiplicative (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:196:205) 
    at ib.additive (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:196:63) 
    at ib.relational (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:195:435) 
    at ib.equality (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:195:291) <div ng-init="navigation={" navigationmap":{"file":{"name":"test1","label":"file1","action":"file1","subnavigations":[{"name":"test2","label":"file11","action":"file11","subnavigations":null},{"name":"test3","label":"file12","action":"file12","subnavigations":null}]},"reciept":{"name":"test1","label":"reciept1","action":"reciept1","subnavigations":[{"name":"test2","label":"reciept11","action":"reciept11","subnavigations":null},{"name":"test3","label":"reciept12","action":"reciept12","subnavigations":null}]}}}"="" class="ng-binding"> 

但是,如果我直接使用比在ng-init內部的json,那麼它在下面給出正確的工作。

<div ng-init="navigation={'navigationMap':{'file':{'name':'test1','label':'file1','action':'file1','subNavigations':[{'name':'test2','label':'file11','action':'file11','subNavigations':null},{'name':'test3','label':'file12','action':'file12','subNavigations':null}]},'reciept':{'name':'test1','label':'reciept1','action':'reciept1','subNavigations':[{'name':'test2','label':'reciept11','action':'reciept11','subNavigations':null},{'name':'test3','label':'reciept12','action':'reciept12','subNavigations':null}]}}}"> 

我該如何刪除這個解析錯誤?我怎樣才能使用jsp模型對象直接在ng-init的角

回答

0

傳遞雙引號內的對象,以避免解析錯誤

<div ng-init="navigation='${navigationMap}'"> 

然後它會奏效。