外部js调用Angular控制器中的函数方法或变量用法示例

来源：互联网发布：壁虎老师java百度云编辑：程序博客网时间：2024/05/17 06:07
<!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>
  varngApp = 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应用
      varappElement = 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>
        0        0           
外部js调用Angular控制器中的函数方法或变量用法示例
在Angular外部使用js调用Angular控制器中提供的函数方法或变量
在Angular外部使用js调用Angular控制器中提供的函数方法或变量
php函数调用外部变量的方法
js 获取外部变量 setInterval 一定要 匿名函数调用
调用外部js方法
js调用as中的方法示例
Angular JS 中的 <textarea>用法
关于怎样调用外部的js文件中的函数
js 中调用JSP中的变量 或数据
angular 利用控制器中的变量动态生成tab选项卡
c#调用其他窗体中的变量或函数
C#调用外部方法(如win32中的API函数)
调用外部 DLL 中的函数
script标签中引用js文件中的变量或方法
类中内部类中的方法访问外部类中变量的示例
html调用js变量和函数的几个方法
html调用js变量和函数的几个方法
$.grep()  过滤函数 数组过滤
为什么udp为什么不能发送大于1472字节数据
MySQL中myisam和innodb的主键索引有什么区别？
oj-12-B-十进制转换成二进制
业余爱好者如何通过使用模板快速建站6（How do amateurs build their own websites with a template part-6)
外部js调用Angular控制器中的函数方法或变量用法示例
使用命令行将mysql数据库导入导出操作
Uva1609:Boring的序列(有相当难度的好题!)
温故而知新：北桥和南桥
仿ios沉浸式头部
GPCC升级3.0
十进制转二进制
SpringMVC Date Bad request 解决办法
如何查看linux服务器磁盘的具体型号