찾다

 >  Q&A  >  본문

angular.js - 请问这里的controlller和directive是怎么影响的?

小白一枚,最近在玩angular。。。写个小demo遇到了个问题:为什么这里我加上了controller之后directive的绑定事件就无效的呢。。。求解答。。。

html的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/angular.min.js" type="text/javascript"></script>
    <script src="js/directives.js" type="text/javascript"></script>
    <!--<script>
        var app=angular.module('mySystem',[]);
        app.controller("test",function ($scope) {
            $scope.logState=false;
        })
    </script>-->
</head>
<body ng-app="mySystem">
<form  role="search" ng-controller="test" >
    <p class="form-group" >
        <input type="text" class="form-control" placeholder="用户名" ng-model="userName">
        <input type="text" class="form-control" placeholder="密码" ng-model="passWord">
    </p>
    <button type="submit" class="btn btn-default" login-check>登录</button>
</form>
<p>{{logState}}</p>
</body>
</html>

directives.js的代码

var app=angular.module('mySystem',[]);
app.directive("loginCheck",function () {
    return{
        restrict:"A",
        link:function (scope, element, attrs) {
            element.bind('click',function () {
                alert('click');
                

            })
        }

    }
});

就是简单的在form里面的按钮加个click绑定事件。如果我刚开始没有在加上form那里加上ng-controller=“test”的话,这个directive是可以成功触发的,但是加上之后就无法起作用了。。。请问是什么原因呢?是不是angular的form有默认的方法之类呢(瞎猜的)?求大神帮帮忙。。。。

phpcn_u1582phpcn_u15822744일 전551

모든 응답(1)나는 대답할 것이다

  • PHP中文网

    PHP中文网2017-05-15 17:10:19

    알겠습니다. 나는 스스로 답을 찾았습니다. . . 컨트롤러 뒤에 지시문을 작성하는 한 이 문제는 발생하지 않습니다. . . 나는 아직도 왜 그런지에 대한 답을 찾고 있습니다. 누구나 의견을 말하거나 답변을 제공할 수 있습니다!
    ---------나는 구분선------------ ------- -----
    이유를 찾았습니다. . . 모듈에 대한 나의 이해가 잘못되었으므로 이 질문을 닫을 수 있습니다. . .

    회신하다
    0
  • 취소회신하다