html 파일에 2 개의 컨트롤이 있습니다.

저는 angle을 사용하는 경로를 정의한 app.js 파일을 가지고 있고 app.js에서 일부 html 파일을 호출하고 있습니다. 파일을 실행할 때 2 개의 컨트롤이로드됩니다. Menas 나는 2 개의 텍스트 박스와 1 개의 제출 버튼을 정의한 로그인 폼을 가지고 있지만 파일을 실행할 때 2 개의 컨트롤이 제공됩니다.html 파일에 2 개의 컨트롤이 있습니다.

![<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Login</title> 
</head> 
<body> 
<form ng-app="" ng-controller="validateCtrl" 
     name="loginForm" novalidate> 

<p>UserName:<br> 
    <input type="text" name="uName" ng-model="uName" required> 
    <span style="color:red" ng-show="loginForm.uName.$dirty && loginForm.uName.$invalid"> 
    <span ng-show="loginForm.uName.$error.required">Username is required.</span> 
    </span> 
</p> 

<p>Password:<br> 
    <input type="text" name="pwd" ng-model="pwd" required> 
    <span style="color:red" ng-show="loginForm.pwd.$dirty && loginForm.pwd.$invalid"> 
    <span ng-show="loginForm.pwd.$error.required">Password is required.</span> 
    </span> 
</p> 

<p> 
    <input type="submit" ng-click="popupuser()" 
      ng-disabled="loginForm.pwd.$dirty && loginForm.pwd.$invalid || 
       loginForm.uName.$dirty && loginForm.uName.$invalid "> 
</p> 

</form> 
</body> 
</html>][1]

app.js :

다음은 내 login.html 파일입니다

angular.module('test', ['ui.router']) 
    .config(function($stateProvider, $urlRouterProvider) { 

     $stateProvider 
      .state('register', { 
       url: '/register', 
       templateUrl: '../partials/register.html', 
       controller: 'registration' 
      }); 
     $stateProvider.state('login',{ 
      url: '/login', 
      templateUrl: '../partials/login.html', 
      controller: 'login' 
     }); 

     $urlRouterProvider.otherwise('/'); 
    })

출처

2014-09-17 kawade

이 app.js.보기 – denisazevedo

angular.module ("시험"[ "ui.router '])의 .config (함수 ($ stateProvider, $ urlRouterProvider) {$ stateProvider .STATE ({ URL을'등록 ''/ 등록" , templateUrl '../partials/register.html' 컨트롤러 :; '/ 로그인' templateUrl '등록' }) $ stateProvider.state는 ({ URL을 '로그인'.. /partials/login.html ', 컨트롤러 :'로그인 ' }); $ urlRouterProvider.otherwise ('/ '); 은}) – kawade

는 확실하지 않음이 홍보 인 경우 oblem하지만 모듈 이름이 여기에 없습니다 :'

음이는 "파셜"파일을해야하지만, 완전한 html 파일처럼 보인다. 가장 큰 문제는 ng-app 특성 인 것 같습니다. 아마도이 속성이 index.html 파일에 이미 정의되어 있기 때문에 두 개의 ng-app 특성을 얻을 수 있습니다!

로그인 html 파일은 다른 html 파일에 삽입되는 것으로 생각해야합니다.

이 대신 같은 로그인 HTML 파일을 작성해야 :

이

<form ng-controller="validateCtrl" 
    name="loginForm" novalidate> 

<p>UserName:<br> 
    <input type="text" name="uName" ng-model="uName" required> 
    <span style="color:red" ng-show="loginForm.uName.$dirty && loginForm.uName.$invalid"> 
    <span ng-show="loginForm.uName.$error.required">Username is required.</span> 
    </span> 
</p> 

<p>Password:<br> 
    <input type="text" name="pwd" ng-model="pwd" required> 
    <span style="color:red" ng-show="loginForm.pwd.$dirty && loginForm.pwd.$invalid"> 
    <span ng-show="loginForm.pwd.$error.required">Password is required.</span> 
    </span> 
</p> 

<p> 
    <input type="submit" ng-click="popupuser()" 
     ng-disabled="loginForm.pwd.$dirty && loginForm.pwd.$invalid || 
      loginForm.uName.$dirty && loginForm.uName.$invalid "> 
</p> 

</form>

출처

2014-09-17 08:28:15

그 작업 ..... ..... angular.min.js로 작성된 모호한 코드가 있습니다. 그게 문제의 원인입니다. 전체 파일을 제거하고 정상적으로 작동합니다. – kawade

html 파일에 2 개의 컨트롤이 있습니다.

답변

관련 문제