zoukankan      html  css  js  c++  java
  • angularjs 外部调用controller中的方法

    angular.element(document.querySelector('[ng-controller=mainCtrl]')).scope().viewGo('tab.VIPPay_Success',{})

    <!DOCTYPE html>
    <html ng-app="myApp" id="myApp">
    <head>
      <meta name="viewport" content="width=device-width" />
      <title>Test</title>
      <script src="~/Content/Js/Plugins/AngularJS/angular.min.js"></script>
    </head>
    <body ng-controller="myController">
      {{msg}}
      <a href="javascript:;" id="lbtnTest">调用</a>
    </body>
    </html>
    <script>
      var ngApp = angular.module('myApp', []);
      ngApp.controller('myController', function ($scope, $http) {
        $scope.msg = '你好,Angular!';
        $scope.getData = function () {
          return 'qubernet';
        }
      });
      onload = function () {
        document.getElementById('lbtnTest').onclick = function () {
          //通过controller来获取Angular应用
          var appElement = document.querySelector('[ng-controller=myController]');
          //获取$scope变量
          var $scope = angular.element(appElement).scope();
          //调用msg变量,并改变msg的值
          $scope.msg = '123456';
          //上一行改变了msg的值,如果想同步到Angular控制器中,则需要调用$apply()方法即可
          $scope.$apply();
          //调用控制器中的getData()方法
          console.log($scope.getData());
        }
      }
    </script>
    

      http://www.jb51.net/article/89939.htm

  • 相关阅读:
    理解 Redis(3)
    理解 Redis(2)
    理解 Redis(1)
    git 的基本命令
    使用python实现计算器功能
    python函数说明内容格式错误
    python的小基础
    python去除读取文件中多余的空行
    数论-下属不可以和上司顶嘴!(可能是总结)
    其他-一大堆记录 (20 Dec
  • 原文地址:https://www.cnblogs.com/jifeng/p/6962335.html
Copyright © 2011-2022 走看看