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（），但在另一個項目上運行良好。

請協助。

問候

來源

2016-01-13 Webnerd13

你做錯了，你不應該使用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();修復了這個問題。

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

希望能幫助別人有....

來源

2016-01-13 13:38:55 Webnerd13

AngularJS .openModel（）不是函數返回錯誤

回答

相關問題