Angularjs按鈕單擊$ mdDialog不工作

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>  
<script src="angsc.js"></script> 
    </head> 
    <body> 
    <main ng-app="myModule"> 
     <div ui-view=""></div> 
    <main> 
     </body> 
    </html>

這是我的母版頁

<div ng-controller="myController"> 
<input type="button" value="Add" ng-click="addclick()"> 
<input type="button" value="Search" ng-click="searchclick()"> 
<br/> 
</div>

這是我的內容頁面。

var myApp = angular 
      .module("myModule",['$mdDialog']) 
      .controller("myController",function ($mdDialog,$scope){ 
       $scope.addclick=function(){ 
        $mdDialog.show({ 
         template:'addnew.html' 
        }); 
       }; 
       $scope.searchclick=function(){ 
        $mdDialog.show({ 
         template:'searchold.html' 
        }); 
       }; 
      });

這是我的js文件。我也有2個HTML文件即「addnew.html」和「searchold.html」。沒有在按鈕點擊時彈出這兩個文件。我的代碼中有錯誤嗎？請幫助我..

來源

2016-05-30 praveenkrishp

能否請您爲您的問題製作小提琴？ –

還你的關閉身體標記錯過支架 –

抱歉，我不知道創建2 html頁在小提琴..是的，關閉它。 – praveenkrishp

您的從屬模塊名稱是錯誤的。它應該是ngMaterial而不是$mdDialog。 $mdDialog是注入控制器的服務，並且是ngMaterial模塊的一部分。如下更改代碼得到它的工作：

var myApp = angular 
     .module("myModule",['ngMaterial']) 
     .controller("myController",function ($mdDialog,$scope){ 
      $scope.addclick=function(){ 
       $mdDialog.show({ 
        template:'addnew.html' 
       }); 
      }; 
      $scope.searchclick=function(){ 
       $mdDialog.show({ 
        template:'searchold.html' 
       }); 
      }; 
     });

HTML

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">  </script>  
    <script src="angsc.js"></script> 
</head> 
<body> 
    <main ng-app="myModule"> 
    <div ng-controller="myController"> 
     <input type="button" value="Add" ng-click="addclick()"> 
     <input type="button" value="Search" ng-click="searchclick()"> 
     <br/> 
    </div> 
    <main> 
</body> 
</html>

Codepen：http://codepen.io/addi90/pen/ZOEqZq

來源

2016-05-30 10:58:04

嘗試將$ mdDialog更改爲ngMaterial，但仍未... – praveenkrishp

您正在使用的狀態配置是什麼？看來你的狀態配置和'ng-controller'之間的衝突有問題。請提供狀態配置的代碼以更好地理解此問題 –

對不起，我是新來的角。我沒有明白.. – praveenkrishp

Angularjs按鈕單擊$ mdDialog不工作

回答

相關問題