2016-05-29 16 views
-1

ボタンは機能しません。応答なしでボタンをクリックしてください。

ボタンng-click="goSearchTitle()"をクリックしても応答がありません。

なぜ機能しないのですか?

<body ng-app="myapp"> 

    <div ng-contoller="searchbyTitle"> 
     <h3>Search by Title</h3> 
     <div> 
      <input type="text" id="searchTitle" placeholder="Enter a title" ng-model="searchTitle"/> 
      <button type="button" id="goSearchTitle" ng-click="goSearchTitle()">Search</button> 
     </div> 

    </div> 

    <script> 
     angular.module("myapp", []).controller("searchbyTitle", function($scope, $http) { 
      $scope.goSearchTitle = function(){ 
       alert($scope.searchTitle); 
      } 
     }); 
    </script> 
    </body> 
+0

開発者として、あなたが常にあなたの_Developerのtools_を維持する必要があります開発中に開く.. – Rayon

+0

アプリケーション名をmyappに変更する –

+0

あなたは 'ng-controller'にも入力しています –

答えて

0

アプリ名が間違っています。

<body ng-app="myapp"> 

そうしないと、角度がインジェクタモジュールのエラーとなります。あなたが理解するために、エラーを常に開いコンソールとを確認する必要があり、より良い

0

あなたはng-contoller @タイプミスがあり、それはng-controller

var myApp = angular.module("myapp", []); 
 
myApp.controller("searchbyTitle", function($scope, $http) { 
 
    $scope.goSearchTitle = function() { 
 
    alert($scope.searchTitle); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myapp"> 
 
    <div ng-controller="searchbyTitle"> 
 
    <h3>Search by Title</h3> 
 
    <div> 
 
     <input type="text" id="searchTitle" placeholder="Enter a title" ng-model="searchTitle" /> 
 
     <button type="button" id="goSearchTitle" ng-click="goSearchTitle()">Search</button> 
 
    </div> 
 
    </div> 
 
</body>

関連する問題