why I can't get value from controller scope with ng-view

Question

I will show you the code on jsbin. the issue is : $scope.name never show,thank you

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="test">
  <a href="#/you">go to</a>
  <ng-view></ng-view>
  <script type="text/ng-template" id="you.html">
    {{name}}
  </script>
</body>
</html>

js:

var test = angular.module('test',[]);
test.config(function($rootProvider){
  $rootProvider
    .when('/you',{
      templateUrl: 'you.html',
      controller: 'youCtrl'
    });
});

test.controller('youCtrl',function($scope){
  $scope.name = 'you';
});

its $routeProvider not $rootProvider and you need to add the ngRoute dependency — David Chase
– David Chase, Commented Mar 27, 2014 at 13:41

David Chase · Accepted Answer · 2014-03-27 13:50:32Z

1

Heres a quick plnkr

You were missing the ngRoute dependency and script on your module

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.js"></script>

and you need to setup your module like so var test = angular.module('test',['nRoute']);

and its $routeProvider not $rootProvider simple spelling error.

answered Mar 27, 2014 at 13:50

David Chase

2,0831 gold badge18 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

why I can't get value from controller scope with ng-view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related