2016-07-16 2 views
-1

У меня есть этот simple app:AngularJS не работает с Колба

<!doctype html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>working app</title> 
    <script type="text/javascript" src="static/js/angular.min.js"></script> 

    <script type="text/javascript"> 
     angular.module('myApp', []) 
      .controller('myCtrl', ['$scope', function($scope) { 
       $scope.message = "Howdy!!"; 
      }]) 
      .config(['$interpolateProvider', function($interpolateProvider) { 
        $interpolateProvider.startSymbol('{a'); 
        $interpolateProvider.endSymbol('a}'); 
      }]); 
    </script> 
</head> 

<body ng-app="myApp"> 
<h1>Hello!</h1> 
    <div ng-controller="myCtrl"> 
     <span>{message}</span> 
     <span>{{ '{{message}}' }}</span> 
    </div> 


</body> 

я получаю {message} {{message}} в html страницу не значение области. Я понятия не имею, где я ошибаюсь. Я очень ценю любую помощь в этом!

+0

Какая ошибка в вашей консоли? –

+0

Что означает «не работает»? И почему вы положили '{{{{message}} '}}' - что это должно быть? –

+0

@Naga Sai: У меня нет ошибок в консоли. – ramesh

ответ

1

Для достижения вашего ожидаемого результата, используйте ниже опцию, чтобы связать ваш охват значение

{сообщение а} Начальный тег и конечный тег должен быть «{а» и «а}» соответственно без {{}} внутри них

HTML:

<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>working app</title> 


    <script type="text/javascript"> 

    </script> 
</head> 

<body ng-app="myApp"> 
<h1>Hello!</h1> 
    <div ng-controller="myCtrl"> 

     <span>{a message a}</span> 
    </div> 


</body> 

JS:

angular.module('myApp', []) 
      .controller('myCtrl', ['$scope', function($scope) { 
       $scope.message = "Howdy!!"; 
      }]) 
      .config(['$interpolateProvider', function($interpolateProvider) { 
        $interpolateProvider.startSymbol('{a'); 
        $interpolateProvider.endSymbol('a}'); 
      }]); 

Codepen = http://codepen.io/nagasai/pen/JKrVgV

+0

Спасибо! Понял мою ошибку :) – ramesh