@符號破壞角度表達

下面的html由於@符號而中斷。除了不使用@符號外，還有什麼解決辦法。我必須使用@符號，因爲json將在xml中使用newtonsoft jsonconvert http://www.newtonsoft.com/json在c＃web api中生成。 jsonconvert在生成的json中用@符號前綴xml屬性。@符號破壞角度表達

如何解決@符號問題？有一件事對我來說是message.root.node1 [「@ attr1」]。如果可能，請提供一個資源，詳細說明在角度變量/表達式中禁止使用哪些符號。

<html ng-app="countryApp"> 
    <head> 
    <meta charset="utf-8"> 
    <title>Angular.js JSON Fetching Example</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
    <script> 
     var countryApp = angular.module('countryApp', []); 
     countryApp.controller('CountryCtrl', function ($scope, $http) { 
      $scope.message = { "root": { "node1": { "@attr1": "1", "@attr2": "2" }, "node2": { "@attr1": "3", "@attr2": "4" } } } 

     }); 
    </script> 
    </head> 
    <body ng-controller="CountryCtrl"> 
    <h2>Angular.js JSON Fetching Example</h2> 

     <span> 
     menudatetime {{[email protected]}} 
     </span> 


    </body> 
</html>

來源

2015-08-17 Jay Jay Jay

Google用@符號搜索任何東西都很麻煩。有什麼建議麼？ –

使用message.root.node1['@attr1']。

它基本上是Angular的JavaScript表達式。 [email protected]是不是有效的JavaScript ...

來源

2015-08-17 23:47:53

我剛在我的回答中添加了評論。你是第一個獲得獎品的人 –

你可以切換到括號標記作爲一種解決方法：

<html ng-app="countryApp"> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Angular.js JSON Fetching Example</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
 
    <script> 
 
     var countryApp = angular.module('countryApp', []); 
 
     countryApp.controller('CountryCtrl', function ($scope, $http) { 
 
      $scope.message = { "root": { "node1": { "@attr1": "1", "@attr2": "2" }, "node2": { "@attr1": "3", "@attr2": "4" } } } 
 

 
     }); 
 
    </script> 
 
    </head> 
 
    <body ng-controller="CountryCtrl"> 
 
    <h2>Angular.js JSON Fetching Example</h2> 
 

 
     <span> 
 
     menudatetime {{message.root.node1['@attr1']}} 
 
     </span> 
 

 

 
    </body> 
 
</html>

來源

2015-08-17 23:48:53 yvesmancera

你應該在這種情況下使用數組訪問（括號標記）：

<span> 
     menudatetime {{message.root.node1.["@attr1"]}} 
</span>

關於什麼表達式可以做的文檔以及它們的侷限性，請參閱https://docs.angularjs.org/guide/expression Angular文檔。

來源

2015-08-17 23:49:21

使用此

{{message.root.node1["@attr1"]}}

jsbin

從MDN：

括號標記

get = object[property_name]; 
object[property_name] = set;

PROPERTY_NAME是一個字符串。該字符串不一定是有效的標識符;它可以具有任何值，例如「1foo」，「！bar！」，甚至「」（空格）。

document['createElement']('pre');

這和前面的例子完全一樣。

來源

2015-08-17 23:49:23 aarjithn

@符號破壞角度表達

回答

相關問題