角度路由丟失顏色

我開始使用地鐵用戶界面的一個頁面，做了登錄表單，一切都很好，然後我插入一些角度，以便我可以做一些路由，路由工作正常，但我不能再看到窗體了，那裏我可以按下按鈕，但不能看到它。角度路由丟失顏色

的index.html

<!DOCTYPE html> 
<html lang="pt"> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

<!-- metro--> 
<link href="css/metro.css" rel="stylesheet" type="text/css"> 
<link href="css/metro-icons.css" rel="stylesheet" type="text/css"> 
<link href="css/metro-responsive.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script> 
<script type="text/javascript" src="js/metro.min.js"></script> 

<!--Angular---> 
<script data-require="[email protected]*" data-semver="1.4.3" src="js/angular.js"></script> 
<script data-require="[email protected]" data-semver="1.4.3" src="js/angular-route.js"></script> 

<!--APP--> 
<script type="text/javascript" src="js/config.js"></script> 
<script type="text/javascript" src="js/MainController.js"></script> 
<script type="text/javascript" src="js/login.js"></script> 
<link href="css/login.css" rel="stylesheet" type="text/css"> 



</head> 
<body class="bg-darkTeal" ng-app="caiApp"> 
    <div ng-view></div> 
</body> 
</html>

config.js

(function(){ 
    var app = angular.module("caiApp",["ngRoute"]); 
    app.config(function($routeProvider){ 
    $routeProvider 
     .when("/login",{ 
     templateUrl: "login.html", 
     controller:"MainController" 
     }) 
     .otherwise({redirectTo: "/login"}); 
}); 



}());

$(function(){ 
      var form = $(".login-form"); 
      form.css({ 
       opacity: 1, 
       "-webkit-transform": "scale(1)", 
       "transform": "scale(1)", 
       "-webkit-transition": ".5s", 
       "transition": ".5s" 
      }); 
     });

我必須做一些錯誤的，因爲login.html的加載罰款，形式在那裏，我只是看不到任何東西。

來源

2015-08-28 Pedro Encarnação

你的登錄狀態將MainController定義爲Ctrl你應該在那裏做longin.js邏輯，我會推薦使用ui-router而不是routeProvider – stackg91

雖然你還沒有把你的完整代碼像login.html或MainController.js或login.css，但我仍然對它進行了一些嘗試。我認爲你已經保持你的表單默認爲零，然後一旦DOM加載，然後你通過使不透明度爲1可見。

現在問題是你div登錄窗體是登錄內。 HTML，它通過路由加載，你正在改變其在login.js中的不透明度（爲什麼不在MainController中？）

除非DOM被加載，否則角度應用程序不會啓動，所以login.js代碼在login.html被添加之前執行到DOM，因此您的表單仍然隱藏。

解決方案： 移動login.js代碼MainController ANS使用角用於顯示元件（NG-顯示指令）。

來源

2015-08-28 10:15:00 Sanjeev

那就是它！它的工作，非常感謝！ –

正如你所說的那樣，請將我的帖子標記爲解決方案，並隨時投票。 – Sanjeev

角度路由丟失顏色

回答

相關問題