2015-03-06 9 views
5

sto facendo Angularjs codice e hanno uno strano errore:Angularjs: staffa mancante nella attributo

"Errore: '{' chiave valida provvisoria a colonna 2 dell'espressione [{{[$ parse: sintassi] Errore di sintassi asset.sn}}] a partire da [{asset.sn}}. http://errors.angularjs.org/1.3.11/ $ parse/syntax? p0 =% 7B & p1 = non valido% 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

cosa significa e perché è displyed?

Codice

HTML: codice

<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> 

DIRETTIVA:

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; 


     } 
    } 
}]); 
+0

'cercare-word-marcatore param = "asset.sn"' non è necessario dare il {{}} –

+0

Non è funziona: prende "asset.sn" come testo normale ed è dieplayed come testo: asset.sn. –

risposta

10

Stai cercando di fare un attacco a 2 vie (param : "=") per ciò che è scritto nel param, ma che non è un oggetto o una variabile, è un'espressione. O perdere il {{}} o cambiare la tua scope.param vincolante di essere in una stringa:

scope: { 
    param: '@' 
}, 
+0

Grazie funziona :). Perché non sono stato in grado di eseguire il binding in 2 modi ... {{asset.sn}} sembra essere una variabile (temporanea). –

+1

@ P.K. L'associazione bidirezionale funziona quando è possibile eseguire il binding a una variabile/oggetto .. {{}} è un'espressione e non può essere associata a. {{asset.sn}} valuta solo una stringa alla fine del giorno. –

+0

Questo è quello che stavo cercando ... per 3 ore, grazie a @OmriAharon :) –

1
<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>