欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular外部使用js調(diào)用Angular控制器中的函數(shù)方法或變量用法示例

 更新時(shí)間：2016年08月05日 14:47:50   作者：Quber  
這篇文章主要介紹了Angular外部使用js調(diào)用Angular控制器中的函數(shù)方法或變量用法,結(jié)合實(shí)例形式分析了Angular基于外部JS調(diào)用控制器中方法與變量的具體實(shí)現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了Angular外部使用js調(diào)用Angular控制器中的函數(shù)方法或變量。分享給大家供大家參考，具體如下：

<!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">調(diào)用</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應(yīng)用
      var appElement = document.querySelector('[ng-controller=myController]');
      //獲取$scope變量
      var $scope = angular.element(appElement).scope();
      //調(diào)用msg變量，并改變msg的值
      $scope.msg = '123456';
      //上一行改變了msg的值，如果想同步到Angular控制器中，則需要調(diào)用$apply()方法即可
      $scope.$apply();
      //調(diào)用控制器中的getData()方法
      console.log($scope.getData());
    }
  }
</script>

在點(diǎn)擊“調(diào)用”按鈕之前效果如下圖所示：

在點(diǎn)擊“調(diào)用”按鈕之后效果如下圖所示：

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論