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

javascript-如何仅在AngularJs下拉菜单中呈现可见项【代码】

我有以下AngularJs对象:$scope.control = {'options': [{ "id": 1, "text": "Option 1", "isHidden": 0 }, { "id": 2, "text": "Option 2", "isHidden": 1 }, { "id": 3, "text": "Option 3", "isHidden": 0 }]};现在,我可以使用以下命令渲染所有项目的下拉列表:<select ng-model="control.uiSelValue" ng-options="option.text for option in control.options" class="form-control"></select>如何仅渲染标记为“ isHidden = 0”...

javascript-使用ng-options和AngularJS自动选择新的附加值【代码】

我有一个选择列表,看起来像这样:<select class="form-control" ng-model="locationList" ng-options="location.place group by location.type for location in locationlist | orderBy:['type']" ng-change="addMissingLocation(locationList)"><option value="">From</option> </select>ng-options列表的最后一项称为“添加位置”,并通过ng-change触发以下功能:$scope.addMissingLocation = function (locationList) {if (locat...

javascript-在Jasmine测试中未定义AngularJS $scope.$watch回调函数参数【代码】

我在名为ctrl.test的范围变量中的控制器中定义了$scope.$watch. $watch的回调函数在生产部署中使用正确的值(newVal)进行调用,但是当从Jasmine测试中调用时,将使用undefined进行调用.直接访问ctrl.test确实会产生正确的值. 有人能对此有所启发吗?这是一个Plunk用来摆弄.解决方法:当使用Controller As模式时,请使用函数作为watch表达式. 更换:$scope.$watch('ctrl.test', ...带有:$scope.$watch(function () {return ctrl.test; }...

javascript-AngularJS-如何从ui路由器引用子模块控制器?【代码】

我在Angular 1.3.9应用程序中拥有子模块有些挣扎.我在http://plnkr.co/edit/XBfTPAGRRe0CWJgjGJzc?p=preview处有一个(无法正常工作,很抱歉)预览,我认为这很奇怪,部分原因是我在使用Restangular. 我有以下几点:angular.module('estimate', ['ui.router', 'restangular', 'estimate.project']) ;angular .module('estimate.project', ['ui.router']) .config(['$stateProvider', '$urlRouterProvider', '$locationProvider', functi...

javascript-使用angular-snap和snapjs禁用所有抽屉【代码】

我正在一个需要为移动分辨率和移动设备使用快照菜单的应用程序中工作. 我使用的是snapjs和angular-snap,默认情况下,snapjs设置左右两个抽屉,我可以通过使用snapRemote.globalOptions.disable =’right’;在angular-snap指令中使用该服务禁用其中一个抽屉.或在snap-content元素中使用属性snap-opt-disable =“’right’”. 我需要在非移动分辨率(> = 768像素)中禁用所有抽屉,实际上我有一个检查此分辨率的指令,但我不知道如何禁用左...

javascript-angular.js和zurb基础揭示模态【代码】

感谢您抽出宝贵时间查看这个新问题,并在我寻求帮助时向您致以最诚挚的问候! 我正在尝试建立一个显示模式以通过控制器中的一些angular.js链接进行数据下拉并遇到麻烦!请记住,代码并不完整,但是这是我要尝试做的事情:<div class="row"><div class="small-12 columns"><div class="row"><div class="small-6 columns"><h1>Full Course Search</h1><div><label>Filter:</label><input type="text" ng-model="searchTxt" placeholder...

javascript-使用节点js,AngularJs和JWT的用户名和密码进行身份验证【代码】

我正在创建一个生产angularJs应用程序. 现在,我创建了我的RESTFul API的一部分 这个API会在登录时生成一个用户对象,但是我不希望通过HTTP标头发送未加密的/未加密的密码. 为了让您对我的API有一些了解: 登录时:var jwt = require('jwt-simple');// Route: /login module.exports = function (express, sequelize, router) {var DataTypes = require("sequelize");var crypto = require('crypto');var User = sequelize.define('u...

javascript-如何通过控制台调试变量,该变量由AngularJS中的controllerAs绑定到控制器

通常,当我使用Controllers时,我会将所需的数据绑定到$scope以便从标记访问它们.但是,当我使用controllerAs时,数据应附加到控制器中的“ this”. 因此,“ this.foo =’bar’”而不是“ $scope.foo =’bar’” 但是,如何使用开发者控制台从浏览器中调试数据呢?通常,我有“ AngularJS Batarang”插件,可以打印当前作用域中的所有内容,但是我不知道如何打印绑定到控制器的数据.解决方法:实际上,您以相同的方式使用$scope; controller...

javascript-使用angular-ui-ace时看不到ace编辑器【代码】

我正在尝试在我的使用angular-ui-ace的nodejs应用程序中使用ace编辑器.即使我在html中填写了div,也无法在屏幕上看到ace编辑器.我正在按照这里的指示:ui-ace index.html:<script src="bower_components/angular-route/angular-route.js"></script><script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script><script type="text/javascript" src="bower_components/ace-builds/src-min-noconflict/ace.js">...

javascript-AngularJS可重用工厂【代码】

我觉得这可能是一个愚蠢的问题,但是我在想像如何进行这项工作时遇到了麻烦. 我有一个工厂用于在控制器之间共享数据,如下所示:app.factory('DataShare', function(){//Share Data between controllers via the sharedItem object and the get/set functionsvar sharedItem = {};function set(sharedData){sharedItem = sharedData;}function get(){return sharedItem;}return{set: set,get: get}; });它工作正常.问题是我的应用程序...

javascript-Jasmine,Angular的“ rootScope.$broadcast”测试【代码】

我正在尝试为具有$rootScope.$on(‘accountsSet’,function(event)….的控制器编写一个测试….因此,在测试中,我使用的是.broadcast.andCallThrough(),这里还有许多其他问题在SO建议虽然它也对我有用. 所以我的控制器非常简单: angular.module(‘controller.sidemenu’,[]).controller('SidemenuCtrl', function($rootScope, $scope, AccountsService) {$rootScope.$on('accountsSet', function (event) {$scope.accounts = Accoun...

javascript-@Component和Class之间的angular2关系【代码】

组件控制器类和组件之间的关系是如何形成的.它是否仅基于定位,是因为任何类都在给定组件之后,所以它将成为在其之前定义的组件的组件控制器类.如果您在一个js文件中包含多个组件,它是如何工作的.您如何将js文件中任何位置的类与组件相关联. 同样,存在子组件之类的东西,在这种情况下,这些子组件会从父组件(更具体地说是从父组件的组件控制器类)继承某些东西.解决方法:How is the relationship between a component controller class ...

javascript-量角器为何无法在自动初始化的Angular网站上找到Angular?【代码】

我不能在没有收到此错误的情况下使用browser.get():Error: Angular could not be found on the page http://localhost:5000/#/login debug=timing&saveLogs=true&displayAll=true : angular never provided resumeBootstrap我可以使用browser.driver.get(),但是我遇到了需要编写特定等待和不稳定测试的问题. 我一直在阅读有关此内容,但没有找到任何有用的建议.以下是一些其他详细信息: >登录页面是Angular应用程序的一部分.> ng-...

javascript-用相同的路线显示AngularJs动态模板【代码】

我是Angular Js的新手.最近,我正在使用route和templateUrl.这很简单.但是现在,我想做一些可能的事情. 我想显示具有相同路由的不同视图或模板,但要取决于从服务器获取的数据的属性.如果状态为A,则显示编辑模式;如果状态为B,则显示只读模式.除状态外,数据值相同.我正在模板中执行ng-if并来回切换.可以通过这种方式完成,但是出于可重用性的目的,我想为每个模板创建一个单独的模板,并根据这些属性在路由中调用该模板. 让我知道是否可以...

javascript-Angular JS:带有动态网址的$routeProvider【代码】

我有一个菜单,显示不同的组用户所属的名称.我准备了一个模板页面,以便当用户选择菜单的GROUPS之一时,模板的字段会更改.<li><a href="#"><i class="glyphicon glyphicon-folder-open"></i>Home </a></li> <li><a data-toggle="collapse" ng-init="getAllGroupsofUser()"data-target="#groups">My Groups</a><ul id="groups" class="collapse"><li ng-repeat="group in groupsofUser" ng-controller="groupsCTRL"><a ng-click="openP...

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