【javascript-打字稿中的角度控制器】教程文章相关的互联网学习教程文章

javascript – 为什么将控制器声明为自身内部或使用$scope【代码】

我最近开始学习和使用AngularJS,我仍然不清楚某些概念. 我的问题是:在我的应用程序中,我有一个控制器,它使用$http一旦初始化就从我的后端检索数据.按照Angular上CodeSchool的优秀教程,我提出了这个:app.controller("agentController", function ($http) {var agentsCtrl = this;agentsCtrl.agents = [];$http.get("getAgents").success(function (data) {agentsCtrl.agents = data;}); ...HTML:<div ng-controller="agentContro...

javascript – 如何在指令中访问子控制器和父控制器?【代码】

我们有两个指令,称为父和子.它们都定义了控制器,它们具有一些功能.对于儿童指令,我们可以: >使用require属性访问父控制器(require:’^ parent’),从而接收第四个参数到我们的链接函数及其值:function link(scope,elem,attrs,parentCtrl)>访问子控制器:不使用require,第四个链接参数将是我们的childController. 所以问题是:我们如何在子链接函数中引用子控制器和父控制器?这是一个带有示例的plunker:http://plnkr.co/edit/Wz...

javascript – 使用Ajax将表单数据发布到控制器方法【代码】

问题 我想使用AJAX异步地将表单数据发布到控制器.这是我的JavaScript的简化视图:function SendForm() {var formData = new FormData();formData.append('value1', 'hello');formData.append('value2', 'world');var xhr = new XMLHttpRequest();xhr.upload.onload = function() {// stuff that happens on the callback};xhr.open('POST', 'http://server/controller/SomeAction', true);xhr.setRequestHeader('Content-Type', 'm...

javascript – 在AngularJs控制器中使用Asp.Net ViewBag值【代码】

我是AngularJs的新手,我在使用.Net MVC View中的值到AngularJs控制器时遇到了问题.以下是相关代码: AngularJs控制器代码:app.controller("RatingApiController", function ($scope, RatingApiService) {var id = $scope.roomId; })Mvc查看代码:<div id="tblSubs" ng-controller="RatingApiController" ><span ng-init="roomId = @ViewBag.roomId">something</span> </div>在AngularJs控制器内的id变量中从Mvc View获取roomId值的...

javascript – 将环境详细信息注入AngularJS控制器【代码】

我们以AngularJS tutorial为例function PhoneListCtrl($scope, $http) {$http.get('phones/phones.json').success(function(data) {$scope.phones = data;});$scope.orderProp = 'age'; }//PhoneListCtrl.$inject = ['$scope', '$http'];现在,让我说我不想硬编码网址’phones / phones.json’并且更喜欢托管这个控制器的页面注入它,在Angular JS中做同样的方法应该是什么?解决方法:有很多方法可以做到这一点……最简单的方法就是使...

javascript – 更新控制器外部的角度模型【代码】

我正在完成Angular教程,并做了很多阅读.但是,我无法找到这个问题的答案.或者,我可能会错误地思考它,我希望有人可以帮助我! 很简单的例子:var phones = [{"name": "Nexus S","snippet": "Fast just got faster with Nexus S.","age": 0},{"name": "Motorola XOOM? with Wi-Fi","snippet": "The Next, Next Generation tablet.","age": 1},{"name": "MOTOROLA XOOM?","snippet": "The Next, Next Generation tablet.","age": 2} ];...

javascript – 如何使用angular动态地附加带有控制器的div标签?【代码】

我只是在学习angularjs并且有一些工作将jQuery和angularjs混合在一起.我知道这不是正确的方法,但我不知道Angularjs正确的做法是什么. 在HTML中我有这个标签,它只是一个将div标签动态添加到页面上的按钮.<div ng-controller="pgCtrl"><button id="new-btn" ng-click="newDiv()">Gimme a div!</button> </div>在javascript我有这个:app.controller('pgCtrl', function($scope){$scope.newDiv = function(){// Load an element that ...

javascript – 从另一个控制器中的指令内部定义的一个控制器调用方法:AngularJS【代码】

我有一个指令,其中存在控制器,我有一个功能.我需要从另一个控制器调用该函数. 指令:angular.module('test.directives').directive("manageAccess", function() {return {restrict: "E",replace: true,templateUrl: "template/test.html",controller: function($scope, $element, $http) {$scope.getRoles = function() {console.log('hi');};}};});$scope.getRoles方法是我需要从不同控制器调用的方法. 控制器:angular.module("t...

javascript – AngularJS:将对象从指令传递给控制器【代码】

在我的指令中,我正在实例化一个对象. 我想将此对象传递给与指令关联的控制器的范围.我怎么做? 请记住,这是一个孤立的代码,供您了解该问题.在实际问题中,它无助于在控制器内实例化该对象. 我知道指令中的scope对象是用于传递HTML中指定的值,我这样编写它是为了帮助您理解我正在尝试做的事情.angular.module('test', []).controller('test', ['$scope', function($scope) {alert($scope.obj); //Needs to contain {value: 'bla'}}])...

javascript – 如何将数据传递给ng-include控制器?【代码】

我有一个ng-include html元素,并希望将一些数据从外部传递给控制器??. 主控制器从http web服务获取json数据,并将数据提取到作用域变量climadata中. 以下是伪代码,但你明白了:function mainController($scope, $http) {$http.get().then($scope.climadata = response.clima;); }<div ng-controller="mainController"><div ng-include="'clima.html'" ng-controller="climaController" onl oad="climamodel = climadata"></div> </d...

javascript – 如何从Ember JS中的子路径访问父控制器?【代码】

我有一个名为list的主路线.//items/list/route.js setupController(controller, items) { let vegItems = Ember.A([]);let nonVegItems = Ember.A([]);items.forEach((item) => {if (item.get('category') === "veg") {vegItems.pushObject(item);}if (item.get('category') === "non_veg") {nonVegItems.pushObject(item);}})controller.set('vegItems', vegItems)controller.set('nonVegItems', nonVegItems); }现在在列表路径中...

javascript – 动态加载angularjs并生成控制器和范围【代码】

我想在应用程序中使用angular,但默认情况下不会在应用程序中加载角度.单击某个特定按钮时,会创建一个新div,我想在该div上使用angular. 我正在使用yepnode加载角度,如下面的代码所示:yepnope({test:window.angular,nope: ['/filesystem/content/js/angular.js'],complete: function(){ console.log('complete');} });鉴于我已加载角度,我可以访问div为$div,我的下一个操作将是1. Create some html and use it as the innerHTML of ...

javascript – 在angularjs控制器中创建乘法函数?【代码】

我试图在angularjs控制器中创建一个乘法函数.我希望功能返回数量和价格的产品.我正在使用下面的代码段,但它返回了一个错误.我究竟做错了什么?<!DOCTYPE html> <html><head> <script src= "Angular.js"></script> </head><body><div ng-app="" ng-controller="personController"><h2>Cost Calculator</h2>Quantity: <input type="number" ng-model="quantity"> Price: <input type="number" ng-model="price"><p><b>Total in dolla...

javascript – 当我在我的控制器中使用state.go时,不会出现离子幻灯片菜单【代码】

你好我每个人都使用离子来构建我的应用程序,我把幻灯片菜单问题是当我使用“stage.go”更改视图这项工作,但幻灯片菜单失败.那么我怎么能解决这个问题? 路由器:"use strict";var app=angular.module('monApplication', ['ionic']);app.run(function($ionicPlatform) {$ionicPlatform.ready(function() {// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard// for form inputs)if (w...

javascript – 如何在AngularJS中将控制器的传递值返回到指令的模板属性?【代码】

我创建了一个AngularJS指令,如下所示.在关联的控制器中,我将变量文本的值计算为“SomeText”.我希望这个文本取代Hello World !!在指令的模板属性中.我该怎么做? 我的HTML:<myp-directive myarg="myObject"></myp-directive>我的指示:myApp.directive('mypDirective',function(){return {restrict:'E',scope: {myarg: '='},controller: 'DirectiveCtrl',controllerAs: 'directiveCtrl',bindToController: true,template: 'Hello ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部