Angularjs + bootstrap远程模态窗口无法正常工作

时间:2016-12-23 03:57:33

标签: angularjs twitter-bootstrap

如果我这样做,因为我还没有找到真正的解决方案。

  

我有这个家伙类似的问题:   Calling AngularJS function from a remote page loaded by Bootstrap modal

     

他的解决方案"是:

     
    

非常感谢它有效,但令人沮丧的是该项目并没有使用“ui.bootstrap”。出于某些原因。我最后搬家了     表单页面中的控制器到主页面并以某种方式     工作

  

当然,我已经尝试过上面的解决方案而且它不适合我...

问题是 angular 在远程模态中不起作用,我是这样的新手,我不知道为什么会发生这种情况

我有这样的事情:

index.php (当然只有相关代码)

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

<script>
var users = angular.module('newapp',['ngFlag']);

users.controller('modaluserCTRL', function($scope,$http,$timeout){

console.log("testing1");

    $scope.sendcomment = function (){
        $http({
          method: 'POST',
          url: 'myfunctions.php?test='abc
        }).success(function(data) {
            console.log(data);
            console.log("send!");
        }).catch(function (data) {
            console.log(data);
        })
    }


});
</script>

<!-- Button trigger modal -->
<a href="userinfo_modal.php?user={{X.userid}}" data-toggle="modal" data-target="#myModal" class="btn btn-primary" >
  User info!
</a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">

     <!-- remote info loads here -->

    </div>
  </div>
</div>

userinfo_modal.php

<?php
 // PHP FUNCTIONS HERE
?>

<div ng-controller="modaluserCTRL">
     <div class="modal-header">
       <?php user_header_info(); ?>
     </div>

      <div class="modal-body" ng-show="managerid==managerREALid">
       <?php user_BODY_info(); ?>

      <button ng-click="showmore = !showmore "> see more...</button>

      <div ng-hide="showmore">
         <?php user_MORE_info(); ?>

         <input type="text" ng-model="usercomment_model" class="form-control" id="comment1">
         <button ng-click="sendcomment()">SEND</button>

      </div>

      </div>

      <div class="modal-footer">
        <button class="btn btn-primary" data-dismiss="modal">OK</button>
      </div>
</div>

我的项目中的所有内容都可以正常工作,除了远程模态,这是唯一的问题。提前谢谢(抱歉我的英文:P)

0 个答案:

没有答案