0

javascript ライブラリを index.html から分離する必要があります。つまり、コントローラー、ディレクティブ、サービス、またはスタイルを含む多くのファイルがあります。たとえば、search.html、searchController.js、searchDirective.js、searchCss.css です。

search.html には、コントローラー、ディレクティブ、および css を含める必要があります。これらのファイルは、index.html から呼び出されていてはなりません。問題は、search.html がディレクティブのファイルを呼び出すときに、これが機能しないことです。ファイルは読み込まれますが、コードは機能しません。コードをコンパイルする必要があると思いますが、何をすべきかわかりません。

私は例を投稿します：

これは私のindex.htmlです

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<title>GSL</title>

<link rel="stylesheet" type="text/css" media="screen" href="resources/bootstrap/css/bootstrap.min.css" />
<link href="resources/css/jqueryui.css" rel="stylesheet">
<link href="resources/css/mystyle.css" rel="stylesheet" >
</head>
<body>

    <div id="content" ng-view></div>

   <script src="resources/js/jquery.min.js"></script>
   <script src="resources/js/jqueryui.js"></script> 
   <script src="resources/js/angular.js"></script>
   <script src="resources/js/angular-resource.js"></script>
   <script src="resources/js/angular-cookies.js"></script>
   <script src="resources/js/angular-sanitize.js"></script>
   <script src="resources/js/underscore.js"></script>
   <script src="resources/apps/app.js"></script>    
   <script src="resources/directives/directiveSearch.js"></script>  
   <script src="resources/directives/directiveItemUl.js"></script>  
   <script src="resources/services/paginationService.js"></script>
</body>
</html>

これは私のビューtest.htmlです

<div>
    <td>Width:</td>
    <td><input type="text" ng-model="test" id= "txtTest" name= "txtTest" validate-test></td>
</div>

<script src="resources/controllers/controllerTest.js"></script>
<script src="resources/directives/directiveTest.js"></script>

var app = angular.module("app",
        [ 'ngCookies' , 'ngSanitize']).config(
        function($routeProvider,$locationProvider, $httpProvider) {

            $routeProvider.when('/test', {
                templateUrl : 'resources/views/test.html',
                controller: 'testCtrl'
            });

            $routeProvider.otherwise({
                redirectTo : '/'
            });                      

        });

これはコントローラーです

function testCtrl($scope){
    console.log("This is a test");
}

これはディレクティブ validateTest です -> 動作していません

angular.module("app").directive('validateTest',function(){
    return{
        restrict : "A", 
        link: function (scope, element, attributes){            
            element.on('keyup', function(e){
                console.log(e.keyCode);
            });
        }
    };
});

私の問題はディレクティブにあります。誰か助けてください!

4

0 に答える 0