【javascript – 没有视图的Angular 2组件】教程文章相关的互联网学习教程文章

javascript – Angular q所有动态结果【代码】

在做某事之前,我需要等待两个承诺才能解决.问题是,有时我只能根据客户的需要发送一个承诺,我需要依靠来自这个$q.all的结果.如何动态定义变量?var makePurchaseToResolve = [];if( CartService.items.draws.length ) {var drawOrder = {};drawOrder.price = $scope.getTotal();drawOrder.paymentMethodId = $scope.payment.paymetMethodId;drawOrder.orderItems = CartService.items.draws;drawOrder.payFromBalance = false;makeP...

javascript – CSURF Angular Implementation【代码】

我一直在尝试对我一直在做的个人项目进行csurf实现.当我没有使用像Jade或EJS这样的模板引擎时,我一直在搜索google以试图找出如何在表单上实现csurf.我的快递服务器也没有直接渲染页面,但主要是返回JSON.我的所有前端都被引用了app.use(express.static(__dirname + '/www'));我使用csurf的服务器代码如下所示app.use(csurf());app.use(function (req, res, next) {res.cookie('XSRF-TOKEN', req.csrfToken());next(); });在表单的前...

javascript – 更改事件的AngularJs元素【代码】

有以下代码:handleFileSelect = (evt) ->console.log(1)file = evt.currentTarget.files[0]reader = new FileReader()reader.onload = (evt) ->$scope.$apply ($scope) ->$scope.myImage = evt.target.resultreader.readAsDataURL(file)angular.element(document.querySelector('#fileInput')).on('change', handleFileSelect)和HTML:<div class="form-group ng-scope"><label class="col-sm-2 control-label" for="image">Image...

javascript – 未评估的angular指令属性【代码】

我试过了here提到的答案,但没有运气(我正在使用angularjs 1.3).我的问题是两部分 1)尽管在范围内使用了’=(参见下面的代码),但复杂属性不会作为对象传递 2)应该评估以提供单向绑定的函数也作为字符串传递 样品使用,<button type="button" class="btn btn-success" ng-click="RestEditCtrl.saveRestaurantDetails();"><smart-btn-label btn-state="RestEditCtrl.ajaxState(RestEditCtrl.restaurant.id)"when-normal="{label: 'Save'...

javascript – Angular ui-router无法解析$resource结果【代码】

在我的一个UI路由器状态中,我有以下链接’/ users’,它指向显示用户列表的页面.下面是我编写的用于通过使用$resource调用来解析用户列表的代码,但是,在加载页面时,数据似乎无法解析:.state('users', {url: '/users',templateUrl: '/assets/angularApp/partials/users.html',controller: 'UserListCtrl as vm',resolve: {users: function ($resource) {return $resource('http://localhost:8080/api/users').query().$promise.then...

javascript – 表示csurf(csrf中间件)在angularjs中不使用XSRF【代码】

Express和Angular都有自己的csrf中间件.我根本无法让他们工作,互联网上似乎没有任何关于此问题的连贯指南.我的理解是express 4.0使用csurf作为其csrf中间件,我必须在angularjs上设置X-XSRF-TOKEN. 有关如何执行此操作的分散部分,有时会发生冲突的信息: How to test endpoints protected by csrf in node.js/express angular, django and csrf CSURF Angular Implementation 但是我尝试了它们并且它们不起作用.我的_csrf在Angular客...

javascript – Angular指令的“require”DDO选项在应该的时候不会抛出错误【代码】

如果这很明显,请原谅我,但我只是在学习绳索. 我一直在关注this article,试图理解AngularJS中的指令. docs specify指令的DDO的require选项如果找不到引用的指令则应该抛出错误. 我似乎无法让它抛出错误 – 这是我的代码(我正在使用v1.3.13) 的test.html:<body ng-app="Test"><dir /> </body>test.js:var test = angular.module('Test', []);test.directive('dir', function() {return {require: '99 red baloons',restrict: 'E',t...

javascript – Angular Directive:将’mouseover’事件绑定到元素【代码】

在我的控制器中,我有以下用户数组,将在部分html模板中通过迭代显示 在控制器中:vm.users = [{"username": "johnDoe", "address": "Saltlake City, UT", "age": 34},{"username": "janeDoe", "address": "Denver, CO", "age": 33},{"username": "patrickDoe", "address": "San Francisco, CA", "age": 35}];部分HTML代码:<div ng-repeat="user in mapView.users"> <my-customer info="user"></my-customer></div>myCustomer指令:...

javascript – 具有隐藏功能的AngularJS自定义指令【代码】

我正在尝试创建一个AngularJS自定义指令,如果它在一个变量中,它会隐藏一个元素. 例如,我有三个从指令生成的链接: >家>关于>隐藏 我想隐藏“隐藏”链接. 这是我的观点:<ul><menu link="Home"></menu><menu link="About"></menu><menu link="Hide"></menu> </ul>…指示:app.directive('menu', function() {return {scope: {link: "@"},template: '<li ng-hide="hideMenu(link)">{{link}}</li>',controller: function($scope) {var...

javascript – 无法在AngularJs中存储Cookie【代码】

我正在研究AngularJs中的一个小项目,我试图将用户名和密码存储到浏览器cookie中. 这是我的app.js代码.你可以看到我已经注入了ngCookies作为依赖注入.var app = angular.module('myApp', ['ui.router', 'myApp.routes', 'ngCookies']);以下是我的登录控制器.app.controller('loginCtrl', function($scope, loginService) {$scope.login=function(user){loginService.login(user);}});这是我的服务,它调用数据进行身份验证app.factor...

javascript – 在Ionic-Angular上,bower组件被忽略了【代码】

我正在尝试使用Cordova插件,我安装了bower,并在浏览器控制台中收到错误:GET http:// localhost:8100 / bower_components / ngCordova / dist / ng-cordova.js 这是文件结构 在这里,这是我在index.html中的内容<script src="bower_components/ngCordova/dist/ng-cordova.js"></script>解决方法:文件只能在www目录中加载.默认情况下,Ionic将bower软件包安装到www / lib目录中. $ionic add ngCordova在CLI中从项目根目录运行此命令...

javascript – Angular View未使用新数据更新【代码】

我是一个Angular新手,如果这很明显,那就很抱歉. 我有一个返回一个对象数组的后端.在我检索它们之后,我移动到下一页,我需要为每个对象显示一个复选框.我可以成功检索它们,因此我将浏览器的位置更改为应显示复选框但未显示任何内容的下一页.我尝试使用$scope.$apply()但它会抛出一个错误,说明摘要已经发生但我认为这是正确的,因为我使用了包含在$scope中的ng-click.$apply()我认为? 我可以成功地在控制台中看到正在打印的服务,但它们...

javascript – 如何阻止angularJS解析/运行指令或代码块?【代码】

我的问题听起来很简单,但我还没有找到解决方案,而且我在谷歌和SO搜索了很多. 我想为我的自定义指令创建一个演示html页面,在其中我想在代码块中显示指令的标记(类似于它在angular docs中的方式).但我不需要它是动态的(没有语法高亮,没有标签). 对我来说,将代码与纯文本一样可以,但Angular会解析该指令并执行代码. 如何阻止角度来执行指令? 它应该如下所示:Text that describes the directive ..............<directive1 parameter...

javascript – AngularJS:fn不是函数【代码】

调用函数结果后我有一个错误:TypeError:fn不是函数.在调用之前,一切正常,首先$http.get获得良好的数据.任何想法如何解决它?var app = angular.module("cowork", []);app.config(function($interpolateProvider) {$interpolateProvider.startSymbol('{[{');$interpolateProvider.endSymbol('}]}'); });app.controller("SearchDeskCtrl", ['$scope', '$http', function ($scope, $http) {$scope.search = false;$scope.city;$http...

javascript – AngularJS $http.get无法检索后端数据【代码】

我是“Angularjs和Nodejs”组合的新手,我正在尝试制作一个简单的crud应用程序.问题是,当我在角度使用$http.get时,它不会进入后端. 这是我的代码: server.js(nodejs)var connection = util.getDBConnection(); app.use(express.static(__dirname + "/public")); app.use(bodyParser.json()); //routes = require('./routes/routes')(app, connection);app.get('/', function(req, res) { console.log("Backend");connection.query(...

组件 - 相关标签
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 全部