我想在加载指令时运行某些功能,然后可以通过ng-click再次“重新运行”它.我的代码如下：const app = angular.module('app', []);class dummyController {logIt() {console.log('logging');} }app.directive('dummyDir', () => {return {controller: dummyController,link(scope, element, attrs, ctrl) {scope.logIt = ctrl.logIt();scope.logIt;}}; });的HTML<div ng-app="app"><button class="reinit" type="submit" dummy-dir n...
我正在使用AngularJS和Typescript开发一个Web应用程序,并且试图找到在定义控制器时利用Typescript的最佳方法.直观地讲,控制器只是TypeScript类,但是AngularJS希望您将所有内容都放入$scope变量中. 在AngularJS的最新Alpha版本(1.1.5)中,他们添加了一个新的‘controller as’ syntax.我听说这种新语法应该有助于与Coffeescript和TypeScript之类的语言集成,但是我不太了解该怎么做.如果有人有将这种新语法与TypeScript或CoffeeScript...
查看页面：<div ng-controller="LoginCtrl"> <form name="login_form" ng-submit="submit()" >Email: <input type="email" ng-model="login.email" required/><br />Password: <input type="password" ng-model="login.pass" required/><br /><input type="submit" /> </form>main.jsfunction LoginCtrl($scope, $http) { $scope.login = {}; $scope.submit = function(){$http({method: 'POST',url: '/login',data: $scope.login,...
想象一下,我有这样的事情：<html ng-app="myApp">...<body ng-controller="GlobalController"><div id="one">...</div>...<div ng-controller="SpecificController" id="subPart"><div id="two">...</div>...</div>...</body> </html>如您所见,控制器GlobalController管理整个主体,而SpecificController仅控制子零件. 在这种情况下,div#one可以访问GlobalController,但是div#two链接到GlobalController和SpecificController. 我的问...
构建我的第一个有角度的应用程序,我不明白如何将代码拆分为较小的块.我只有一个长期运行的控制器,但是如果我尝试将代码分成不同的部分(控制器,服务等),则数据突然不再与视图绑定(即,我更新数据,但是更改了在视图/浏览器中未显示). 即.我有一个简单的应用程序,该应用程序连接到api以获取“书籍”列表,然后显示该列表,并允许用户使用分页导航,或获取一本书的更多详细信息,或更新书籍记录(编辑/删除). 我想将功能拆分为单独的控制器,例...
我正在开发AngularJS网络应用程序.我有以下routeconfig：$routeProvider.when("/drivers", {templateUrl: "partials/drivers.html", controller: "driversController"}).when("/drivers/:id",{templateUrl: "partials/driver.html", controller: "driverController"}).otherwise({redirectTo: '/drivers'}); }]);因此,为了传递JSON的ID,我在service.js文件中使用以下方法F1API.getDriverDetails = function(id) {return $http({me...
我正在使用像这样的控制器.controller("somename",function($scope,$http){ //some get function to fetch data $scope.data = dataReturned; $scope.$apply(); });运行正常.然后我想在阅读johnpapa’s blog后使用函数并将其更改为如下所示的函数.controller("somename",someNameController); function someNameController(){ var someName = this; //some get function to fetch datathis.data = dataReturned;this.$apply(); };但...
我对Angular比较陌生.我正在制作一个应用程序,该应用程序以某种形式获取数据并将其另存为MongoDB中的对象.我有一个用于边栏的控制器和指令,该边栏始终存在于应用程序中,其中列出了所有已保存的对象.在此控制器中,我具有一个更新列表的功能：$scope.refreshList = function(){//http call to database & refresh list accordingly };然后,使该函数可从其他控制器调用,我需要这样做：$window.refreshList = $scope.refreshList;这样,...
我是angularJS初学者,我遇到了问题.我想使用控制器内脚本中声明的对象将数据添加到html中的媒体对象,但是我找不到必须使用的指令. 这是代码：<!DOCTYPE html> <html lang="en" ng-app="confusionApp"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- The above 3 meta tags *must* come first in the head; any oth...
我正在使用chart.js / angular-chart.js在饼图中显示一些数据. 我需要一些功能,当用户单击图表饼图内的标签时,单击事件将复制到所选图表值上. 我可以通过以下操作触发事件：$scope.chartClick = function() {alert('ok');}这是我的标记：<canvas id="pie" class="chart chart-pie"chart-data="data" chart-labels="labels" display="true" chart-click="chartClick()" chart-options="options"></canvas> 知道如何将一些参数传递给...
我有一个简单的表格,其中包含总结所按项目的数据(通过加法) (JSBIN) (700 = 300400) 表单以ng-controller =“ OrderFormController”为界 哪个具有此方法：$scope.total = function(){var total = 0;angular.forEach($scope.services, function(s){if (s.active){total+= s.price;}});return total;};一切都好. 但是如果在图片顶部看,有一个复选框. 选中后,我想在$scope.total内进行完全不同的计算 假设,而不是加法-做乘法：$scope...
请参阅下面的解 我正在尝试连接到Parse.com Rest后端并显示来自对象值的数据. HTML(我放了几个角度调用以确保捕获输出)：<div ng-controller="MyController"><p>{{item}}<p><p>{{items}}<p><p>{{item.firstName}}<p><p>{{data}}<p></div>JAVASCRIPT休息：function MyController($scope, $http) {$scope.items = [];$scope.getItems = function() {$http({method : 'GET',url : 'https://api.parse.com/1/classes/Professional/id',...
众所周知,DOM操作不应该在AngularJS控制器中执行,但是很难找到为什么它确实是一件坏事.所有消息来源都说它难以测试,因为控制器应该用于指令之间的通信,但是没有用代码说明为什么这是一件坏事. 根据我的理解,我认为控制器与指令不同,不与任何特定的HTML相关联,因此控制器所做的所有DOM修改都很可能会失败.这肯定会使开发和测试变得复杂. 在子指令的链接函数之前执行的指令中的控制器也将失败,因为控制器可能不知道子指令的实际HTML是...
我已经完成了一些教程和基本的例子,但是我很难为我的控制器编写单元测试.我已经看到代码片段实例化控制器并让角度注入$rootScope对象,而后者又用于为控制器创建新的范围对象.但我无法弄清楚为什么ctrl.$scope？未定义：describe('EmployeeCtrl', function () {var scope, ctrl, $httpBackend;beforeEach(inject(function (_$httpBackend_, $rootScope, $controller, $filter) {$httpBackend = _$httpBackend_; scope = $root...
我有以下控制器：'use strict';/* Controllers */angular.module('stocks.controllers', []).controller('MyCtrl1', ['$scope', '$http', 'stockData', function MyCtrl1 ($scope, $http, stockData) {$scope.submit = function() {$scope.info = stockData.query();console.dir($scope.info);}}]);我想将一个名为ng-model =“symbol_wanted”的绑定ng模型传递给以下服务…'use strict';/* Services */angular.module('stocks.serv...