$scope variables not loading on mvc view, no errors displayed either

Question

I am trying to set up an angular-approached MVC site to show my new boss some benefits of using it - with irony that I got stuck now.

The issue is that interpolating variables onto my view does nothing - it remains clear. I'm running in an MVC 4 environment, and sofar, just binding a ng-model on a textbox worked, but getting a value from a controller on-load doesn't

the javascript:

var UpdateCataloguesController = function ($scope) {
    $scope.message = "Hello Wurld!";
}

UpdateCataloguesController.$inject = ["$scope"];

asdf.controller('updateCatalogues', UpdateCataloguesController);

The html (the <body> tag has ng-app="asdf" on it, so omitting it here)

<input type="text" ng-model="helloAngular" ng-strict-di /> 
<h1>{{helloAngular}} -- THIS WORKS</h1>


<p ng-controller="updateCatalogues">
    <div>{{message}} -- NOTHING BOUND HERE~</div>
</p>

Why isn't {{message}} interpolating onto my page?

Yaser · Accepted Answer · 2016-11-24 21:47:22Z

1

You are putting a block element inside an inline element which doesn't work.

Try this:

<div ng-controller="updateCatalogues">
    <p>{{message}} -- NOTHING BOUND HERE~</p>
</div>

answered Nov 24, 2016 at 21:47

Yaser

5,7391 gold badge18 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eon Over a year ago

I am going to cry. Don't blame me. it's almost 2am here :C That was the issue. well spotted. and thanks.

Collectives™ on Stack Overflow

$scope variables not loading on mvc view, no errors displayed either

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related