2016-04-06 14 views
4

はヌゲットのすべてのタイプスクリプト定義ファイルを追加しましたが、何かが間違っています マイクリック機能が動作していません... 。コンソールでエラーなしでも単純なng-clickはタイプスクリプトでは機能しません

ここ

私Hrmlおよびコントローラコードです

HTMLページ・

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 


<head> 
    <script src="Scripts/angular.js"></script> 

    <script src="test.js"></script> 
    <title></title> 

</head> 
<body ng-app="testModule"> 
    <div ng-controller="test"> 
     <input type="button" ng-click="click()" value="test" /> 
    </div> 
</body> 
</html> 

コントローラ

angular.module("testModule", []); 

class test { 

    constructor() { } 

    click() { 

     alert(); 
    } 
} 


angular.module("testModule").controller("test", test); 

答えて

11

ng-click="click()"が定義されていない$scope.click()を呼び出すしようとするため、これは動作しません。

ここAngularJSと活字体

Demo

+0

おかげで仲間、..私は通常app.jsルーティングを使用して別名であり、コントローラを定義し、周りに2時間のために、このような厄介なミスを私の頭を壊しましたVMの場合は、ページにインパクトするときの基本を忘れてしまった!助けてくれてありがとう!! – sudhir

+0

あなたもこのhttp://stackoverflow.com/questions/36482539/unable-to-access-rootscope-property-declared-in-one-controller-in-other-in-anguにお手伝いできますか? – sudhir

3

での作業は修正されたコードであるとき、私は非常にcontroller as -syntaxを使用するためにあなたを助言します。答えとしてマークしないで、@Aidesは私の前にここに来ました。

のHTMLページ

<!DOCTYPE html> 
<html> <!-- its 2016 --> 
<head> 
    <script src="Scripts/angular.js"></script> 

    <script src="test.js"></script> 
    <title></title> 

</head> 
<body ng-app="testModule"> 
    <div ng-controller="Test as test"> 
     <input type="button" ng-click="test.click()" value="test" /> 
    </div> 
</body> 
</html> 

コントローラ

angular.module("testModule", []); 

class Test { 

    click() { 
     alert(); 
    } 
} 

angular.module("testModule").controller("Test", Test); 
+0

私はそれを答えとしてマークしません:-pしかし、あなたの時間をとり、簡単に回答を投稿してくれてありがとう! – sudhir

関連する問題