0
私は最も単純なAngular JSアプリケーションを作成しようとしていますが、何が間違っているのかわかりません。様/メイン単純ルーティングルールを定義するために使用される主にリダイレクトする必要 - - 私は 角度JSで予想されるビューが表示されない、おそらくバインディングの問題ですか？
- のindex.html： これは4つのファイルで構成されています。 MainControllerと組み合わせたhtml;それは、以前のパスに
- MainController.jsに等しいデフォルトに戻し、有効なパスを見つけられないとき - 私はいくつかのタイマ機能を持ってここに
- main.htmlを -
何らかの理由で、main.htmのmainvtemplateが私を/ mainにリダイレクトする必要があります。ここで
はコードです：index.htmlファイル
<!DOCTYPE html>
<html ng-app="githubViewer">
<head>
<script data-require="[email protected]*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="[email protected]*" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular-route.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="app.js"></script>
<script src="MainController.js"></script>
</head>
<body>
<h1>Github Viewer</h1>
<div ng-view></div>
</body>
</html>
app1.js
(function(){
var app = angular.module("githubViewer", ["ngRoute"]);
app.config(function($routeProvider){
$routeProvider
.when("/main", {
templateUrl: "main.html",
controller: "MainController"
})
.otherwise({redirectTo:"/main"});
});
}());
main.htmlをファイル：
<div>
{{ countdown }}
<form name="searchUser" ng-submit="search(username)">
<input type="search" required="" ng-model="username" />
<input type="submit" value="Search" />
</form>
</div>
あなたがかもしれませんカウントダウンを無視する、これは時間ですmainController.jsで作成されたものです。私はその単純化されたロジックをレンダリングします：
(function() {
var app = angular.module("githubViewer");
var MainController = function($scope, $interval, $location) {
$scope.search = function(username) {
if(countdownInterval) {
$interval.cancel(countdownInterval);
$scope.countdown = null;
}
$location.path("/user/" + username);
};
$scope.countdown = 5;
};
app.controller("MainController", MainController);
}());
私は検索ボタンと検索テキストボックスを見ることができません。多分私はここで本当に明白なsthを逃しています。
角度 "1.3.0-beta.5" ...の1.5.xにアップグレード少なくとも –