1
я использую angularjs ..
mainhtml.html
<!DOCTYPE html>
<html data-ng-app="demoapp">
<head>
<script src="scripts/angular.min.js"></script>
<title>Angular js</title>
</head>
<body> <div data-ng-controller="SimpleController">
<div data-ng-view=""></div>
<div class="ng-view"></div>
Name:<input type="text" data-ng-model="name" />{{name}}
<br />
<ul>
<li data-ng-repeat="cust in customers|filter:name|orderBy:'city'">{{cust.name|uppercase}}-{{cust.city|lowercase}}</li>
</ul>
<script>
var demoapp = angular.module('demoapp', []);
demoapp.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'view1.html',
controller: 'SimpleController'
}).
when('/partial2', {
templateUrl: 'view2.html',
controller: 'SimpleController'
}).
otherwise({
redirectTo: '/'
});
}]);
demoapp.controller('SimpleController', function ($scope) {
$scope.customers = [{ name: 'aman', city: 'boom' },
{ name: 'ajay', city: 'reem dee' },
{ name: 'hood', city: 'meen' }
];
});
</script>
</div>
</body>
</html>
view1
<div class="container">
<h2>View1</h2>
Name:
<input type="text" data-ng-model="filter.name" />
<br />
<ul>
<li data-ng-repeat="cust in customers|filter :filter.name|orderby"></li>
</ul>
<br />
Customer name:
<input type="text" data-ng-model="newCustomer.name"/>
<br />
<br />
Customer city:
<input type="text" data-ng-model="newCustomer.city"/>
<br />
<br />
<button data-ng-click="addCustomer()">Add customer</button>
<br />
<a href="#/view2">View2</a>
</div>
он работает перед добавлением функции конфигурации ($ routeprovider) ,,, , функция маршрутизатора разрушает программу ... anyhelp для правильной работы
Просьба уточнить "уничтожив программу". Вы получили сообщение об ошибке? Какие-либо признаки того, что должно работать, но нет? Общей причиной '$ routeProvider', вызывающей определенную ошибку, является забывание включить« угловое-route.js »... но это удар в темноте! Расскажи нам больше! –
{{cust.name | uppercase}} - {{cust.city | нижний регистр}} .... на самом деле это показано в n браузере вместо имени и имени города ... –
Попробуйте запустить его в браузере с консолью и просмотрите его (например, F12 в Chrome). О каких-либо ошибках сообщалось? –