AngularJS .openModel（）不是函数返回错误

问题描述：

我有一个项目，它结合了AngularJS和Materialise CSS，它使用AngularJS $('#model-some-form').openModel();打开一个模型，ID为#modal-some-form。AngularJS .openModel（）不是函数返回错误

现在我有类似的代码，同样的JQuery，AngularJS另一个项目和具体化版本，但试图打开模型时，我得到：

Error: $(...).openModel is not a function

该模型的代码是：

<div ng-app="myApp" ng-controller="myController"> 
    <div id="modal-bango-form" class="modal"> 
     <div class="modal-content"> 
      <h4 id="modal-bango-title">Andika bango jipya</h4> 
      <div class="row"> 
       <label>Ujumbe wa bango unahusu nini?</label> 
       <div class="input-field"> 
        <select class="browser-default"> 
         <option value="" disabled selected>Chagua</option> 
         <option value="1">Option 1</option> 
         <option value="2">Option 2</option> 
         <option value="3">Option 3</option> 
        </select> 
       </div> 

       <div class="input-field"> 
        <i class="material-icons prefix">mode_edit</i> 
        <textarea id="ujumbe" class="materialize-textarea"></textarea> 
        <label for="ujumbe">Ujumbe wa bango</label> 
       </div> 

       <div class="input-field"> 
        <a class="btn waves-effect waves-light blue-grey" ng-click="createBango()"><i class="material-icons left">add</i> Tuma</a> 
        <a class="btn waves-effect waves-light blue-grey" ng-click="closeBangoForm()"><i class="material-icons left">close</i> Ghairi</a> 
       </div>     
      </div> 
     </div> 
    </div><!-- // end of #modal-form --> 
</div>

而对于我的角度脚本代码：

var myApp = angular.module('myApp',[]); 

myApp.controller('myController', function($scope, $http){ 

    $scope.openBangoForm = function(){ 
     $("#modal-bango-form").openModel(); 
    } 

    $scope.closeBangoForm = function(){ 
     $('#modal-bango-form').closeModel(); 
    } 

});

无论closeModel（），也不OPE nModel（），但在另一个项目上运行良好。

请协助。

问候

你做错了，你不应该使用jQuery方法控制器。此外，它可能是openMod ** a ** l。 – dfsq

每次你在控制器中使用jQuery时，你都会意识到仙女死亡？你怎么调用这两种方法？是否渲染了DOM，以及这些元素在运行时是否存在？不要忘记角度动态呈现的东西。你应该把这些jQuery调用放在一个指令中。那就是他们所属的地方，它也是为什么指令为你提供一个jQuery/jqlite对象。 – ste2425

查看我的答案在这里http://stackoverflow.com/questions/40083395/materializecss-modal-error-openmodal-is-not-a-function/40937195#40937195 – MonsterWimp757

答

我意识到之前@dfsq回答我的问题，我拼错与模型的模态。

修复行$('#modal-bango-form').openModel();与$('#modal-bango-form').openModal();修复了这个问题。

这是愚蠢的，但我花了一天搞清楚，咄！...

希望能帮助别人有....

AngularJS .openModel（）不是函数返回错误

相关推荐