如果我这样做,因为我还没有找到真正的解决方案。
我有这个家伙类似的问题: 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)