Вопрос:

AngularJS Controller не работает с простым кодом инициализации

angularjs

40 просмотра

3 ответа

1 Репутация автора

Новичок в AngularJS и не знаю, что здесь происходит, и ничего не заполняется, когда я запускаю это ....

Использование версии - 1.6, пожалуйста, посмотрите, может быть, очень глупая проблема, но не до конца;)

<!DOCTYPE html>
<html data-ng-app="">
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<div data-ng-controller="simpleController">
		Name:
		<br/>
		<input type="text" data-ng-model="fname" />
		<br/>
		<ul>
			<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">{{ cust.name | uppercase }} - {{ cust.city | lowercase}}</li>
		</ul>
	</div>
<script src="js/angular.min.js"></script>
<script>
 	function simpleController($scope){
		
		$scope.customers = [
		                    {name:'anil', city:'bengaluru'},
		                    {name:'rahul', city:'pune'},
		                    {name:'abc', city:'hyd'},
		                    {name:'xyz', city:'mysore'}
		                    ];
	}

Автор: Anil B Источник Размещён: 13.03.2017 05:04

Ответы (3)


0 плюса

1227 Репутация автора

Создайте контроллер, а angularзатем используйте его

код является:

<!DOCTYPE html>
<html data-ng-app="app">

<head>
    <meta charset="ISO-8859-1">
    <title>Insert title here</title>
</head>

<body>
    <div data-ng-controller="simpleController">
        Name:
        <br/>
        <input type="text" data-ng-model="fname" />
        <br/>
        <ul>
            <li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">{{ cust.name | uppercase }} - {{ cust.city | lowercase}}</li>
        </ul>
    </div>
    <script src="js/angular.min.js"></script>
    <script>
    angular.module("app").controller('simpleController', simpleController);

    function simpleController($scope) {

        $scope.customers = [{
            name: 'anil',
            city: 'bengaluru'
        }, {
            name: 'rahul',
            city: 'pune'
        }, {
            name: 'abc',
            city: 'hyd'
        }, {
            name: 'xyz',
            city: 'mysore'
        }];
    }
    </script>
</body>
</html>
Автор: Gaurav Размещён: 13.03.2017 05:08

0 плюса

74 Репутация автора

Вы должны создать контроллер перед его использованием. Создать контроллер с помощью:

angular.Module("ModuleName",[]).Controller("ControllerName",function($scope){
});

Согласно вашему коду:

<!DOCTYPE html>
<html data-ng-app="app">

<head>
    <meta charset="ISO-8859-1">
    <title>Insert title here</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
     <script>
    angular.module("app",[]).controller('simpleController',

    function simpleController($scope) {

        $scope.customers = [{
            name: 'anil',
            city: 'bengaluru'
        }, {
            name: 'rahul',
            city: 'pune'
        }, {
            name: 'abc',
            city: 'hyd'
        }, {
            name: 'xyz',
            city: 'mysore'
        }];
    });
    </script>
</head>

<body>
    <div data-ng-controller="simpleController">
        Name:
        <br/>
        <input type="text" data-ng-model="fname" />
        <br/>
        <ul>
            <li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">{{ cust.name | uppercase }} - {{ cust.city | lowercase}}</li>
        </ul>
    </div>
    
   
</body>

Автор: Sriram J Размещён: 13.03.2017 05:40

0 плюса

2272 Репутация автора

Во-первых, вам нужно определить модуль, чтобы начать свой проект. Попробуйте этот блог, чтобы узнать больше . Для более простого примера попробуйте это .

Чтобы ваше приложение работало, вам нужно приложить свое мнение к тому, что ng-appу вас есть. Тогда вам нужно создать moduleв вашем случае его отсутствующий. Затем добавьте servicesи в controllerсоответствии с вашими потребностями.

 angular.module("app",[])
  .controller("ctrl",simpleController);
 
 	function simpleController($scope){
		
		$scope.customers = [
	                    {name:'anil', city:'bengaluru'},
	                    {name:'rahul', city:'pune'},
	                    {name:'abc', city:'hyd'},
	                    {name:'xyz', city:'mysore'}
	                    ];
	}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div data-ng-app="app" data-ng-controller="simpleController">
		Name:
		<br/>
		<input type="text" data-ng-model="fname" />
		<br/>
		<ul>
			<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">{{ cust.name | uppercase }} - {{ cust.city | lowercase}}</li>
		</ul>
	</div>

Автор: Abdullah Al Noman Размещён: 13.03.2017 05:59
Вопросы из категории :
32x32