AngularJS의 ngroute 라우팅 참조
2634 단어 Angularjs
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"/>
<script src="http://cdn.bootcss.com/angular.js/1.2.9/angular-route.min.js"/>
<div ng-app="myApp">
<div class="header">
<a href="#div1"> div</a>
<a href="#div2"> div</a>
<a href="#div3"> div</a>
<a href="#content/13"> </a>
</div>
<div ng-view=""/>
</div>
</code></pre>
<br/>
<pre><code>var app = angular.module("myApp", ['ngRoute']);
app.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/div1', {
template: '<p> div1{{text}}</p>',
controller: 'div1Controller'
})
.when('/div2', {
template: '<p> div2{{text}}</p>',
controller: 'div2Controller'
})
.when('/div3', {
template: '<p> div3{{text}}</p>',
controller: 'div3Controller'
})
.when('/content/:id', {
template: '<p> content{{id}}</p>',
controller: 'div4Controller'
})
.otherwise({
redirectTo: '/div1'
});
}]);
app.controller('div1Controller', function ($scope) {
$scope.text = 'phonegap div1Controller';
})
app.controller('div2Controller', function ($scope) {
$scope.text = 'phonegap div2Controller';
})
app.controller('div3Controller', function ($scope) {
$scope.text = 'phonegap div3Controller';
})
app.controller('div4Controller', function ($scope, $routeParams, $location) {
if ($routeParams.id==0) {
$location.path('/div1');//
}
console.log($routeParams);
$scope.id = $routeParams.id;
$scope.text = 'phonegap div3Controller';
})</code></pre>
<br/>
<br/>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
AngularJS 진급 (13) JS 는 정규 표현 식 으로 핸드폰 번 호 를 검사 합 니 다.JS 는 정규 표현 식 으로 핸드폰 번 호 를 검사 합 니 다. 프로젝트 수요 로 인해 전단 에서 휴대 전화 번호 의 검 사 를 실현 해 야 한다.물론 기본 적 인 형식 검 사 는 클 라 이언 트 에 두 어야 합 니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.