两个ng_model数据交互

最新推荐文章于 2025-05-25 00:33:30 发布

原创最新推荐文章于 2025-05-25 00:33:30 发布 · 451 阅读

CC 4.0 BY-SA版权

本文介绍了一个基于AngularJS的应用程序中实现用户消息系统的具体方法。该系统包括加载用户列表、搜索用户、选择用户及发送消息等功能。文章通过具体代码展示了如何使用AngularJS控制器和服务来完成这些操作。

angular.module('popErp').controller('usermsgController', ['$scope', 'stAlert', '$sce', function ($scope, stAlert, $sce) {
    //$scope.UserRealName = "fffffff";
    $scope.LoadUserList = function () {
        var data = runebws("GetAdminers", null);
        var iNewUsers = [];
        for(var i = 0; i < data.d.length; i++) {
            var iObj = data.d[i];
            iObj.IsShow = true;
            iObj.UserRealName = $sce.trustAsHtml(iObj.UserRealName);
            if (iObj.UserId == LoginUserId) {
                iObj.IsShow = false;
                iObj.UserRealName = iObj.UserRealName;// + "[<span class='col_ec7642'>自己</span>]";
            }
            iNewUsers.push(iObj);
        }

        $scope.UserListData = iNewUsers;
    };
    $scope.SearchUser = function () {
        var data = runebws("SearchUser", { username: $scope.UserRealName });
        if (!data.d) {
            data.d = [];
        }
        $scope.UserListData = data.d;
    };
    $scope.SelUser = function (mdUser) {
        //$scope.UserNiName = mdUser.UserRealName;
        var appElement = document.querySelector('[ng-controller=usermsgsendController]');
        var $scope = angular.element(appElement).scope(); //获得$scope对象
        $scope.UserNiName = mdUser.UserRealName;
        $scope.Id = mdUser.UserId;
    };

}]);

下一个ng_model

angular.module('popErp').controller('usermsgsendController', ['$scope', 'stAlert', function ($scope, stAlert) {
    $scope.SendMsg = function () {

        var obj = new Object();
        obj.Msg = $scope.reasoninfo;
        obj.ReceiveUserId = $scope.Id;
        obj.ReceiveUserRealName = $scope.UserNiName;
        obj.Title = $scope.reasoninfo;

        if($scope.reasoninfo==null)
        {
            AlertErr("信息为空不能发送！");
            return;
        }

        var data = runebws("AddMsg", { model :obj});
        if (data.d) {
            AlertOk("发送成功！");
        }else
        {
            AlertErr("发送失败！");
        }
        $scope.reasoninfo = '';
    };

}]);