草庐IT

tick_master_angular

全部标签

javascript - Angular2点击事件不更新模板

我正在试验Angular2并尝试获取一个简单的点击事件来更新模板。单击事件触发toggleValue()函数,但不会更新模板。我所做的似乎与那里的各种教程一致(尽管它们基于Alpha版本);我只是想不出这么简单的例子哪里出了问题。代码如下:///import'reflect-metadata';import{Component,View}from'angular2/core';import{bootstrap}from'angular2/bootstrap';@Component({selector:'app',})@View({template:`Value:{{value}}Tog

javascript - 没有为 node_modules 中的库定义 Angular2 require

我正在使用angular2-seed作为我项目的种子。require在源文件中工作得很好。但是每当我包含一个新库并在index.html中引用它时,控制台就会弹出一个错误,提示requireisnotdefined。包含Systemjs我阅读之前关于建议使用system.js的答案。systemjs已经包含在内。索引.htmlSystem.config({"defaultJSExtensions":true,"paths":{"./admin/main":"/./admin/main","angular2/*":"/angular2/*","rxjs/*":"/rxjs/*","*":

javascript - "bootstrapping"在 Angular 2 的上下文中意味着什么?

Thisquestion与我自己的非常相似,但我相信不同之处(与版本2)值得另一个。在Angular2应用程序中,具体调用bootstrap()做什么?你能用简单的术语解释一下吗(比如我5岁)?小背景Angular2Quickstart包含以下main.js(function(app){document.addEventListener('DOMContentLoaded',function(){ng.platformBrowserDynamic.bootstrap(app.AppComponent);});})(window.app||(window.app={}));我得到的:我非

javascript - ionic /Angular : Read and Write Array in Local Storage

作为在线类(class)的一部分,我正在使用Ionic框架来学习AngularJS和许多其他对Web开发人员有用的工具。而且,作为那种高级初学者类型,我被困住了。在本单元中,我们学习了利用本地存储在本地持久保存数据,这样即使在应用程序关闭后我们也可以获取我们最喜欢的项目。但是,我无法让它发挥作用。所以这是我所做的:失败的尝试我可以将数据存入本地存储。我可以附加数据。我使用此功能执行此操作:$scope.favoriteData=$localStorage.getObject('favorites','[]');$scope.addFavorite=function(index){con

javascript - 我如何像 Java 包一样组织我的 Angular 应用程序文件夹?

如何像Java包一样组织Angular2应用文件夹结构?考虑以下项目布局:app|_model|_component|_service我想将foo.service.ts从service导入到component中的bar.component.ts>。但据我所知,Angular2导入仅支持相对路径,如/../service/,这似乎是非常笨拙的解决方案。有没有一种方法可以从根文件夹引用带有绝对路径的文件夹,就像Java包一样? 最佳答案 更新2016-06-01使用npminstalltypescript@next你已经可以使用这个函数

javascript - Angular 组件不会显示

我有一段html想要显示为一个组件,因为我没有操作DOM。作为一个指令它工作正常,但作为一个组件它就不行了。我以前制作组件没有问题,只是看不出这里有什么问题。如果我在组件代码中注释掉指令,它就不起作用。知道我做错了什么吗?(function(){"usestrict";angular.module('x.y.z')//.component('triangularStatus',{//bindings:{//value:'=',//dimension:'=?'//},//templateUrl:'/path/to/triangular-status.html',//controller:

javascript - Angular 2.0.2 - 静态解析符号值时遇到错误

在运行i18n时,我还遇到了著名的错误“静态解析符号值时出错。不支持函数调用。考虑将函数或lambda替换为对导出函数的引用,解析符号”。我已经做了很多研究,而且我没有使用lambda函数。当我将以下导入语句添加到我的基本模块时会发生这种情况:exportconstmapsConfig=newLazyMapsAPILoaderConfig();mapsConfig.apiKey='xyz';//...belowisinimportlistBingMapsModule.forRoot(config),我正在使用ng2-bingmaps,我也参与其中:https://github.com/

javascript - 在 Angular2 中使用 d3.js

SO上有一些关于它的问题,但不幸的是,它们似乎都被弃用了。我将angular2与angular-cli结合使用。使用npminstalld3安装d3.jsim。我的app.component.ts文件:import{Component}from'@angular/core';import*asd3from'd3';@Component({selector:'app',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{}但不知何故,由于错误,应用程序无

javascript - Angular : circular dependency of specific case

前段时间,我开始重构我的主项目代码,根据指南将业务逻辑从Controller解耦到服务。一切顺利,直到我遇到循环依赖(CD)的问题。我阅读了一些关于这个问题的资源:Question1onStackOverflowQuestion2onStackOverflowMiškoHeveryblog不幸的是,我现在还不清楚,我该如何解决我的项目的CD问题。因此,我准备了一个小演示,它代表了我项目的核心功能:LinktoPlunkerLinktoGitHub组件的简短描述:gridCtrl不包含任何业务逻辑,仅触发数据加载,当数据准备好时,显示网格。gridMainService这是主要服务,包含

javascript - Angular 2 组件 DOM 在 OnInit 方法中被解析之前绑定(bind)到组件中的属性

我正在学习Angular2并尝试按照他们的教程进行操作。这是返回模拟对象文件夹的“Promise”的服务代码。import{Injectable,OnInit}from"@angular/core";import{FOLDER}from"./mock-folder";import{Folder}from"./folder";@Injectable()exportclassFolderService{getFolder():Promise{returnPromise.resolve(FOLDER);}}它在我的FolderModule的提供者中声明import{NgModule}from