Wyrażenie AngularJS w wyrażeniu

Question

Czy istnieje sposób, aby AngularJS oceniał wyrażenie w danych modelu?

HTML:

<p> 
{{Txt}} 
</p> 

Model:

{ 
    Txt: "This is some text {{Rest}}" 
    } 

    { 
     Rest: "and this is the rest of it." 
    } 

Efektem końcowym będzie: This is some text and this is the rest of it.

Answer 1

Można korzystać z usługi $interpolate interpolować ciąg ...

function ctrl ($scope, $interpolate) { 
    $scope.Txt = "This is some text {{Rest}}"; 
    $scope.Rest = "and this is the rest of it."; 
    $scope.interpolate = function (value) { 
     return $interpolate(value)($scope); 
    }; 
} 

---

<div ng-app ng-controller="ctrl"> 
    <input ng-model="Txt" size="60" /> 
    <p>{{ Txt }}</p> 
    <p>{{ interpolate(Txt) }}</p> 
</div> 

JSFiddle

Answer 2

Jak używasz JavaScript dla modelu można zrobić coś prostego, jak to:

var rest = 'and this is the rest of it'; 
$scope.txt = 'This is some text ' + rest; 

A w widoku, trzymaj <p>{{txt}}</p>

Alternatywnie można String wyrażenia razem <p>{{txt}} {{rest}}</p>

Answer 3

Możesz wykonać JS w nawiasach:

<p>{{Txt + ' ' + Rest}}</p> 

Albo utworzyć funkcję, która zwraca tekst chcesz:

$scope.getText = function() { 
    return $scope.Txt + ' ' + $scope.Rest; 
} 

<p>{{getText()}}</p>