Auswertung Angular Ausdrücke in Javascript-Strings

Question

Dies ist wahrscheinlich eine einfache Frage, aber schwer zu suchen ...

ich den Text auf einer Schaltfläche haben auf einer Bedingung basiert Wechsel:

<button>{{buttonText()}}</button> 
<script> 
    $scope.buttonText = function() { 
     if (condition) { 
      return "Here is {{otherVar}}"; 
     } else { 
      return "Nope!"; 
     } 
    } 
</script> 

Natürlich Die Schaltfläche zeigt "Hier ist {{otherVar}}" ohne den Ausdruck otherVar in den Ausdruck zu analysieren. Gibt es eine Möglichkeit, die js-Saite eckig auszuwerten?

Die gesamte Zeichenfolge wird von einem CMS übergeben, so kann ich nicht nur return "Here is" + otherVar; tun Suche nach etwas wie return angularEval("Here is {{otherVar}}");

ich

Answer 1

<button>{{buttonText()}}</button> 
<script> 
    //controller injects $interpolate like app.controller($scope, $interpolate) 
    $scope.buttonText = function() { 
     if (condition) { 
      var dataObj = { otherVar : 'bla' }; //can be scope 
      var exp = $interpolate('Here is {{otherVar}}'); 
      return exp(dataObj); 
     } else { 
      return "Nope!"; 
     } 
    } 
</script> 

mehr lesen: https://docs.angularjs.org/api/ng/service/ $

auch einfachere Lösung setzen condition und otherVar im Rahmen interpolieren und

<button>{{ condition ? 'Here is ' + otherVar : 'Nope!'}}</button> 

Answer 2

Was Claies Sinn sagte macht: im Kontext nur

Winkel Ausdrücke der Controller, an den sie gebunden sind

VanillaJS zur Rettung!

return "Here is {{otherVar}}".replace('{{otherVar}}',otherVar); 

Answer 3

<script> 
$scope.otherVar = "something else"; 
$scope.buttonText = function (condition) { 
    if (condition) { 
     return "Here is " + $scope.otherVar; 
    } else { 
     return "Nope!"; 
    } 
};