angularjs: wspornik brakuje w atrybucie

robię angularjs kod i mają dziwny błąd:angularjs: wspornik brakuje w atrybucie

„Błąd: [$ parse: składnia] Błąd składni: Token '{' nieprawidłowy klucz w kolumnie 2 ekspresji [{{ asset.sn}}] począwszy od [{asset.sn}}]. http://errors.angularjs.org/1.3.11/ $ parse/syntax? p0 =% 7B & p1 = nieważny% 20key & p2 = 2 & p3 =% 7B% 7Basset.sn% 7D% 7D & p4 =% 7Basset.sn% 7D% 7D minErr/< @http://localhost:8000/app/vendor/angular/angular.js:63:12

Co to znaczy i dlaczego jest displyed?

HTML kod: Kod

<table class="table" ng-table="tableParams" show-filter="false" ng-class="{loadingtable : loading}" ng-show="showResults"> 
       <tbody> 
        <tr ng-repeat="asset in assets"> 
         <td class="col-md-4" data-title="'Serial Number'" header-class="text-left" search-word-marker param="{{asset.sn}}"></td> 
         <td class="col-md-4" data-title="'Asset Name'" accesskey="" header-class="text-left" search-word-marker param="{{asset.asset_name}}"></td> 
         <td class="col-md-2" data-title="'Asset Type'" header-class="text-left">{{asset.asset_type}}</td> 
         <td class="col-md-2" data-title="'Tags'" header-class="text-left">{{asset.tags}}</td> 
         <td class="col-md-1"> 
          <div class="btn-group"> 
           <span> 
            <button type="button" class="btn btn-sm btn-primary" ng-click="viewAsset(asset.sn);">{{'VIEW' | translate}}</button> 
           </span> 
          </div> 
         </td> 
        </tr> 
       </tbody> 
      </table>

Dyrektywa:

Application.Directives.directive('searchWordMarker', ['$log', '$rootScope', function ($log, $rootScope) { 
    return { 
     restrict: 'A', 
     scope: { 
      param: '=' 
     }, 
     //template: "{{myNewString}}", 
     //replace: false, 
     link: function (scope, el, attr) { 

      var myString = attr.param; 

      var searchWord = $rootScope.searchWord; 

      var regex = new RegExp(searchWord, "g"); 
      var myNewString = myString.replace(regex, "<B>" + searchWord + "</B>"); 


      el[0].innerHTML = myNewString; 


     } 
    } 
}]);

Źródło

2015-03-06 P.K.

'search-word-znacznik param = "asset.sn"' nie musisz dać się {{}} To nie jest –

working: pobiera "asset.sn" jako zwykły tekst i jest pomijany jako tekst: asset.sn. –

Próbujesz zrobić wiążącą się 2-drożny (param : "=") do tego, co jest napisane w param, ale to nie jest obiekt lub zmienna, to wyrażenie. Albo stracić {{}} lub zmienić scope.param wiążący się do łańcucha:

scope: { 
    param: '@' 
},

Źródło

2015-03-06 10:50:11

Dzięki to działa :). Dlaczego nie mogłem wykonać wiązania 2-drogowego ... {{asset.sn}} wydaje się być (tymczasową) zmienną.? –

@ P.K. Wiązanie 2-drogowe działa, gdy można powiązać ze zmienną/obiektem. {{}} Jest wyrażeniem i nie można go powiązać. {{asset.sn}} ocenia tylko ciąg znaków na koniec dnia. –

Tego właśnie szukałem ... przez 3 godziny, dziękuję @OmriAharon :) –

<table class="table" ng-table="tableParams" show-filter="false" ng-class="{loadingtable : loading}" ng-show="showResults"> 
      <tbody> 
       <tr ng-repeat="asset in assets"> 
        <td class="col-md-4" data-title="'Serial Number'" header-class="text-left" search-word-marker param="asset.sn"></td> 
        <td class="col-md-4" data-title="'Asset Name'" accesskey="" header-class="text-left" search-word-marker param="asset.asset_name"></td> 
        <td class="col-md-2" data-title="'Asset Type'" header-class="text-left">{{asset.asset_type}}</td> 
        <td class="col-md-2" data-title="'Tags'" header-class="text-left">{{asset.tags}}</td> 
        <td class="col-md-1"> 
         <div class="btn-group"> 
          <span> 
           <button type="button" class="btn btn-sm btn-primary" ng-click="viewAsset(asset.sn);">{{'VIEW' | translate}}</button> 
          </span> 
         </div> 
        </td> 
       </tr> 
      </tbody> 
     </table>

Źródło

2015-03-06 10:48:57

angularjs: wspornik brakuje w atrybucie

Odpowiedz

Powiązane problemy