Not able to access controller variables on view using {{}} in angularjs

Question

I have an angular app deployed on Google App Engine (python).

Whenever I try to access controller variables on View using {{}} notation, nothing happens.

Controller

$scope.abc ="ABC"

On view

<h2>{{abc}}</h2>

This works if I run my app on local without app engine. but after deployment same code does not work.

I have googled this but didn't get anything. What is the issue with {{}} ?

check if you added ng-app and ng-controller as attributes... or if you use routes check if you used the right controller in the configuration... — walki12, Apr 21 '16 at 06:53

score 2 · Accepted Answer · answered Apr 21 '16 at 06:59

2

You must replace the {{}} tag

because the python django use it also var myApp = angular.module('DemoProject', []);

    myApp.config(function($interpolateProvider) {
        $interpolateProvider.startSymbol('{$');
        $interpolateProvider.endSymbol('$}');
        });
    myApp.run(function ($rootScope) {

    });

use it {$ $} will work

answered Apr 21 '16 at 06:59

Joseph M Tsai

568
3
12

I have got the same solution and answered :) – Sunil Garg Apr 21 '16 at 07:01

score 1 · Answer 2 · edited May 23 '17 at 12:00

1

There is conflict with {{}} expression of angular and python/webapp. So I used $interpolateProvider to change the {{}} with ////

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

Here is one more post related with this

AngularJS with Django - Conflicting template tags

edited May 23 '17 at 12:00

Community

1
1

answered Apr 21 '16 at 06:58

Sunil Garg

14,608
25
132
189

Not able to access controller variables on view using {{}} in angularjs

2 Answers2