Угловые JS изменение переменной синтаксис

Question

мне нужно изменить, как угловые Echos переменных, прочитав некоторые учебники я понимаю мне нужно:

изменения интерполяции символы в Laravel. Просто передайте $ interpolateProvider в свой модуль приложения и установите теги, которые вы хотите использовать.

Поскольку я новичок в Angular, я понятия не имею, что это значит. Поэтому у меня есть следующее:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script> 

var app = angular.module('studious', function($interpolateProvider) { 
    $interpolateProvider.startSymbol('[['); 
    $interpolateProvider.endSymbol(']]'); 
}); 

</script> 

<div ng-app=""> 
    <p>Name: <input type="text" ng-model="name"></p> 
    <h1>Hello [[name]]</h1> 
</div> 

Что я делаю неправильно?

Answer 1

Посмотрите на пример в документации $interpolateProvider, вам нужно настроить в методе .config:

var customInterpolationApp = angular.module('customInterpolationApp', []); 
 

 
customInterpolationApp.config(function($interpolateProvider) { 
 
    $interpolateProvider.startSymbol('[['); 
 
    $interpolateProvider.endSymbol(']]'); 
 
}); 
 

 

 
customInterpolationApp.controller('DemoController', function() { 
 
    this.name = "Dale Snowdon"; 
 
});

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 

 
<div ng-app="customInterpolationApp" ng-controller="DemoController as demo"> 
 
    <p>Name: 
 
    <input type="text" ng-model="demo.name"> 
 
    </p> 
 
    <h1>Hello [[demo.name]]</h1> 
 
</div>

Answer 2

Вы должны сделать это в функции конфигурации, должно работать :

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script> 

var app = angular.module('studious', []); 

app.config(function($interpolateProvider){ 
    $interpolateProvider.startSymbol('[['); 
    $interpolateProvider.endSymbol(']]'); 
}); 

</script> 

<div ng-app="studious"> 
<p>Name: <input type="text" ng-model="name"></p> 
<h1>Hello [[name]]</h1> 

</div>