Ember如何运行Angular指令和如何导入Angular
Ember是一个开源的JavaScript框架，用于构建Web应用程序。它提供了一套强大的工具和约定，帮助开发者快速构建高效、可维护的应用程序。
在Ember中，要运行Angular指令，需要进行一些额外的配置和集成工作。以下是一些步骤和方法：
- 安装Angular依赖：在Ember项目中，首先需要安装Angular的相关依赖。可以通过npm或yarn来安装，具体命令如下：npm install angular
- 导入Angular模块：在Ember应用程序的代码中，需要导入Angular模块，以便使用Angular指令和功能。可以使用import语句来导入，例如：import angular from 'angular';
- 创建Angular模块：在Ember应用程序中，需要创建一个Angular模块，用于注册和管理Angular指令。可以使用angular.module方法来创建模块，例如：const myApp = angular.module('myApp', []);
- 注册Angular指令：在创建的Angular模块中，可以使用directive方法来注册Angular指令。指令可以在HTML中使用，并提供特定的功能和行为。例如，注册一个简单的自定义指令：myApp.directive('myDirective', function() { return { restrict: 'E', template: '<div>This is my custom directive</div>', }; });
- 在Ember模板中使用指令：在Ember的模板文件中，可以直接使用已注册的Angular指令。例如，在Ember的组件模板中使用自定义指令：<my-directive></my-directive>
通过以上步骤，就可以在Ember应用程序中运行Angular指令了。
需要注意的是，Ember和Angular是两个独立的框架，它们有不同的设计理念和开发方式。在将它们结合使用时，需要仔细考虑框架之间的兼容性和集成方式，以确保应用程序的稳定性和性能。
关于Ember和Angular的更多信息和详细介绍，可以参考腾讯云的相关文档和资源：
- Ember官方网站：https://emberjs.com/
- Angular官方网站：https://angular.io/
- 腾讯云云计算产品：https://cloud.tencent.com/product
- 腾讯云云原生产品：https://cloud.tencent.com/product/tke
相关·内容
1回答
我已经用Ember.js和Cordova开发了一个应用程序，它在新设备上运行得很好，但在较旧的设备上却很落后。
Onsen UI非常适合我的需要，但是它是围绕着角度设计的，我不确定它是否可以用Ember实现。(我试着没有用)。
我一直在寻找使用Ember和Angular在一起，然而，我发现的只是角度与恩伯的辩论。
Onsen的论坛页面要求访问者在堆栈溢出上发表文章。
我正在寻找有关如何使用Ember/车把实现Onsen用户界面的指导。
这是我想要利用的特别演示
浏览 2提问于2014-06-30得票数 0
回答已采纳
我想在Cordapp中使用Angular 6，它运行在4200端口，直接放在Java-Source/Src/main/Resouces下。
每个节点的web应用都在http://localhost:10009/web/example/和http://localhost:10011/web/example/上运行。
如何配置节点设置？我想在inCordapp中使用Angular 6-文档中给出的例子。我该怎么做呢？需要进行哪些节点配置更改？
浏览 4提问于2018-08-15得票数 0
我有一个模块AppModule和另一个模块，比如FooModule。我在FooModule中有一些组件，我正在AppModule中加载FooModule的路径，就像任何正常的应用程序一样。
下面是AppModule的示例代码
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router'
import { BrowserModule } from '@angular/platform-browser';
import { AppC
浏览 2提问于2017-08-01得票数 0
回答已采纳
我有一个混合的angular应用程序和Karma-Jasmine的单元测试，但我们遇到了一个小问题。
angular
.module('app.admin.branding')
.factory('brandingFactory', downgradeInjectable(BrandingFactory));
angular
.module('app.admin.branding')
.directive('BrandNameComponent', downgradeComponent({
浏览 2提问于2019-08-26得票数 1
我正在用Angular (Angular2 RC4)创建一个简单的应用程序，我发现很难在nodejs的实时服务器上运行这个应用程序。
我想帮助我可以做些什么来解决出现在Chrome控制台上的错误。
控制台Chrome中的错误：
browser_adapter.ts:82
EXCEPTION: Template parse errors:
Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and
浏览 2提问于2016-07-23得票数 18
当我点击工具栏图标时，我正试图使用棱角的材料来打开侧导航。在我试着打开导航栏之前，一切都很好，我得到了错误：
由模块‘src/app/app.module.ts’导入的意外指令'MatDrawer in @角/MatDrawer/sidenav/index.d.ts‘。请添加一个@NgModule注释。
以下是国家预防机制模块(package.json)：
"@angular/animations": "^9.1.11",
"@angular/cdk": "^9.2.4",
"@angular/common
浏览 2提问于2020-07-05得票数 5
回答已采纳
1回答
这是我写过的第一条和第二条指令。(抱歉)基本的CLI框架。
HomePageModule有主页组件和MyFirst.directive.ts，在home-page.component.html中引用它很好。
MySecond.directive.ts几乎是相同的，但处于app.component级别。app.module.ts包含它的声明，但是home-page.component.html不能引用它。
AppModule
import { BrowserModule } from '@angular/platform-browser';
import { NgModule }
浏览 2提问于2018-05-25得票数 0
回答已采纳
我正在使用Cory Rylan技术的一个版本在我的表单上显示验证错误消息。这在RC4中运行得很好，但是，我不知道如何使用RC5来完成这个任务。
这是我缩小的SharedModule：
import { NgModule, ModuleWithProviders } from '@angular/core';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';
import { CommonModule } from
浏览 3提问于2016-09-06得票数 5
回答已采纳
在更新到RC6之后，我的应用程序在运行时遇到了一些问题。
由于官方示例，我更改了系统to。
但我仍然会遇到这样的编译错误："Module '"D:/Myproject/WebClient/node_modules/@angular/router/index"‘没有导出的成员’路由器_指令‘“。
看起来编译器采用默认的index.js文件，而不是umd包.编译是通过gulp任务完成的，有以下选项：
"module": "system", "moduleResolution": "node",
浏览 3提问于2016-09-01得票数 6
回答已采纳
我正在使用Angular2 RC5材料库学习Angular2，并使用VisualStudio 2015.让它在AspNetCore 1.0应用程序中运行，我使用了一个运行完美的Angular2 RC5单页应用程序，并尝试引入延迟加载，其中只有登录页面才会首先加载。当我成功登录时，我希望加载其余的页面。
当我在SPA模式下单击登录按钮时，我会成功地重定向到使用登录页预加载的DashboardComponent页面--这是在我引入延迟加载之前。在遵循之后，我现在得到以下错误
错误片段
例外:错误:未知(在承诺中)：模板解析错误:不能绑定到'ngIf‘，因为它不是一个已知的属性’md ti
浏览 3提问于2016-10-17得票数 4
如何在用angular2创建的angular-cli项目中的索引文件中添加脚本文件：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CourseTests</title>
<base href="/">
{{#unless environment.production}}
<script src="/ember-cli-live-reload.js&#
浏览 4提问于2016-06-10得票数 0
回答已采纳
我刚开始在我的Angular 6应用程序中使用Karma/Jasmine进行测试，对于我最常见的故障之一，我需要一些帮助。
这是我的模板中'RouterLink‘的用法和配置。运行应用程序时没有错误，但在运行测试时，我收到以下错误：
Can't bind to 'routerLink' since it isn't a known property of 'a'.
我无法正确配置我的spec文件。关于如何修复我的配置以修复运行测试时的错误，您有什么想法吗？我不确定这是我的app.module文件、我的组件还是测试文件的问题。
import
浏览 14提问于2019-07-15得票数 3
回答已采纳
在角度路由文档中，它展示了一个特性模块以及如何使用forChild静态函数。
在该示例中，它显示了RouterModule是由功能模块导入和导出的。
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CrisisListComponent } from './crisis-list.component';
// import { HeroListCom
浏览 1提问于2017-06-07得票数 2
回答已采纳
8回答
我是Angular的新手，我来自Ember社区。尝试使用基于Ember-CLI的新Angular-CLI。
我需要知道在一个新的Angular项目中处理SASS的最好方法。我尝试使用Ember代码库，看看它是否可以继续运行，因为Angular- 的许多核心组件都运行在Ember-CLI模块上。
它不工作，但再一次不确定我只是配置错了什么。
另外，在一个新的Angular项目中组织样式的最好方法是什么？将sass文件放在与组件相同的文件夹中会很好。
浏览 151提问于2016-03-25得票数 347
回答已采纳
我正在尝试实现产品组件的延迟加载。组件按预期延迟加载，但当我将NavBarComponent模板作为产品模板的子组件时，会得到以下错误：
core.js:1448 ERROR Error: Uncaught (in promise): Error: Template parse
errors:
'app-navbar' is not a known element:
1. If 'app-navbar' is an Angular component, then verify that it is part of
this module.
2. If
浏览 0提问于2018-03-31得票数 1
回答已采纳
试图使用angular2创建一个使用角cli的应用程序，我面临以下问题:我想配置导航和路由，但我得到了以下错误：
未处理的承诺拒绝:模板解析错误:不能绑定到'routerLink‘，因为它不是'a’的已知属性。(“s=”肚脐-固定顶肚脐-自定义“>
[routerLink=“/home‘>”=’1‘>适合
这样的应用程序结构：
app/
core/
nav/
nav.component.ts|html|scss
core.module.ts
home/
home.component.ts|html|s
浏览 3提问于2016-10-13得票数 4
回答已采纳
1回答
我已经阅读了角2项目的种子模板，并且有一个关于什么时候在更大的模块中有一个模块和组件的问题。我理解它建议为每个特性创建模块，但很难决定如何构造。
我有一个项目，其中有一个公共和管理部分(管理包装在一个警卫)。每个部分都有一些不同的特性，但它们共享相同的底层模型(获取项、创建项等)。我的问题是，知道某些组件需要保护的情况下，构建这个结构的最佳方法是什么？我是否有一个AppModule，它下面有一个Public和AdminModule (守护)(组件在共享模块中引用模型)，以及下面每个特性的一个模块？还是我有一个包含所有功能模块并直接保护每个组件的AppModule？我想这个问题被问了很多次，或者
浏览 2提问于2017-06-19得票数 1
2回答
我只为数字类型创建了一个指令，我在根应用程序模块中导入了这个指令，但是我不能在懒惰的modules.How中使用它来解决这个问题。
演示：
app.module.ts：
import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/pl
浏览 0提问于2020-06-14得票数 2
回答已采纳
有没有可以和Angular 2 RC1一起使用的日期选择器？
我可以看到ng2-datepicker正在使用angular2 RC1，但在安装它的时候却在寻找Angular 2测试版。
有什么帮助吗。
提前感谢
浏览 2提问于2016-06-08得票数 0
我正尝试在Ember上使用angular-filemanager插件，但根本没有成功。我在stackoverflow上发现了另一个问题，它告诉我如何在Ember中运行angular指令，但它没有太大帮助。
import Component from 'ember-component';
import angular from 'angular';
export default Component.extend({
didInsertElement: function() {
debugger;
let model = this.get(&
浏览 1提问于2017-01-19得票数 0
1回答
我需要在我的auction.component和auctiongroup.component中使用JwPaginationComponent。 所以我创建了shared.module.ts import { NgModule } from '@angular/core';
import { JwPaginationComponent } from 'jw-angular-pagination';
@NgModule({
declarations: [
JwPaginationComponent
],
exports: [JwPagina
浏览 10提问于2019-09-03得票数 1
回答已采纳
我正在尝试从我的一个模块导出服务，但仅得到以下错误：
ERROR Error: Uncaught (in promise):
Error: Can't export value ConfirmDialogService from SharedModule as it was neither declared nor imported!
我的模块如下：
import { NgModule } from "@angular/core";
import { CommonModule } from "@angul
浏览 2提问于2017-05-23得票数 53
回答已采纳
我创建了具有角-cli@1.0.0-beat.9和--移动标志的角2项目。每当我试图启动本地服务器时，它都会引发错误。
{PROJECT_NAME}/tmp/broccoli_type_script_compiler-cache_path-3pQ1Aw4o.tmp/src/app/app.component.js类AppComponent -内联模板:3:6
例外:没有提供路由器！
{ //package.json
"dependencies": {
"@angular/common": "2.0.0-rc.4",
"@ang
浏览 5提问于2016-07-14得票数 1
我的html模式组件中有以下代码： <ng-container *ngFor="let school of schools">
{{school.name}}
<ng-container> 然而，我得到了以下错误： “Can't bind to 'ngForOf' since it isn't a known property of 'ng-container' 我已经在网上查看了其他人的解决方案，他们建议导入表单模块、反应式表单模块和通用模块，但我已经将它们导入到了模态模块中 import { F
浏览 60提问于2021-08-24得票数 0
我已经在Angular Cli 6.0.1应用程序上设置了上述测试基础。
使用Jasmine V2.8.0和Karma V2.0.0
我在第13行得到以下错误
Error: Cannot create the component AddressLookUpDirective as it was not imported into the testing module!
不知道哪里出了问题..最受欢迎的建议
import { TestBed, ComponentFixture } from '@angular/core/testing';
import { BrowserDyna
浏览 0提问于2018-05-18得票数 2
1回答
我正在尝试对mat-chip元素进行单元测试，目前我收到一个错误:无法绑定到'matChipInputFor‘，因为它不是'input’的已知属性。目前，Angular Material页面没有为他们的示例提供单元测试。我使用的示例在上进行了描述
如何在单元测试中为给定输入添加属性，例如matChipInputFor？
模板
<mat-form-field class="example-chip-list">
<mat-chip-list #chipList aria-label="Fruit selection">
浏览 15提问于2019-11-01得票数 0
我正在为ember-power-select测试阅读文档。
在设置中，它说：
import registerPowerSelectHelpers from '../../tests/helpers/ember-power-select';
registerPowerSelectHelpers();
...
我没有在我的ember-power-select目录中看到tests/helpers/。我应该单独安装它，还是默认情况下应该安装它？
通过运行建议的命令：ember-power-select：ember install ember-power-select，我安装了embe
浏览 17提问于2017-04-07得票数 2
回答已采纳
我正在使用一个angularmaterial项目，我做了一个从v8到v10的角度升级，当我尝试添加*ngFor时，它不起作用。我认为结构性指令不起作用。我得到以下错误信息。
core.js:7824不能绑定到“ngForOf”，因为它不是“li”的一个已知属性。
我的观点
<ul>
<li *ngFor="let item of items">{{item}}</li>
</ul>
我的组件
import { Component, OnInit } from '@angular/core';
浏览 2提问于2020-07-25得票数 0
回答已采纳
我有一个Angular2 Angular-CLI应用程序，它使用通过NPM (node_modules文件夹)安装的定制库。我的Angular2应用程序可以在设计时定位定制库组件。但是，当通过ng为应用程序提供服务时，应用程序在运行时会出现错误，对于通过NPM安装的自定义库中存在的HTML、CSS文件，会出现404错误：
404 (未找到)
custom是一个自定义的Angular2库，我正尝试在我的应用程序中使用它。如何让我的应用程序为node_modules库中的组件和相应的HTML、CSS文件提供服务？
以下是我关于Angular-CLI的详细信息：
angular-cli: 1.0.
浏览 10提问于2016-10-24得票数 6
1回答
我在角6中有项目。我通过运行以下命令安装了Mathjax
npm install mathjax和npm install --save @types/mathjax
我已经创建了指令
import { Directive, Input, OnChanges, ElementRef, OnInit } from '@angular/core';
@Directive({
selector: '[Mathjax]'
})
export class MathjaxDirective implements OnChanges
浏览 0提问于2018-06-15得票数 1
我正在移动我的项目到角普遍到期的SEO改进。我遵循了这个指南：(我使用的是角版本5) ，最后，在呈现服务器和客户端之后，当我尝试点击节点dist/server.js失败时，弹出下面的msg：
我尝试了所有的方法，把NgbTypeaheadWindow移到SharedModule上。
第一次尝试：
添加到app.module.ts中，如建议的错误
import { NgbTypeaheadWindow } from '@ng-bootstrap/ng-bootstrap/typeahead/typeahead-window';
@NgModule({
declarat
浏览 1提问于2018-02-18得票数 0
回答已采纳
2回答
我创建了一个自定义指令，名为holdable。
import { Directive, EventEmitter, Output, HostListener, } from '@angular/core';
import { Observable, Subject, interval } from 'rxjs';
import { takeUntil, tap, filter } from 'rxjs/operators';
@Directive({
selector: '[appHoldable]'
})
export
浏览 0提问于2019-04-05得票数 1
回答已采纳
2回答
我有组件库angular4应用程序，在每个组件中，我使用的都是、DataTable、插件和自定义DataTable，在导入时，我得到的错误是错误: Uncaught (承诺)：DataFilterPipe类型是两个模块声明的一部分。请考虑将DataFilterPipe移动到更高的模块。然后我创建了一个名为dataFilterModule的新模块
进口：
import {DataTableModule} from "angular2-datatable";
import {DataFilterPipe} from "../plugins/datatable/datafil
浏览 3提问于2017-07-25得票数 0
回答已采纳
在app文件夹中，还有另一个子module，称为login.There，分别是login.component.ts、login.module.ts和login.component.html。我想在login.component.html上使用angular-material。如果我在login.module.ts中导入材料组件，那么它可以正常工作。但是如果我在app.module.ts中导入，它就不能再工作了。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import {Bro
浏览 0提问于2017-12-15得票数 0
我用Angular和Ember构建了一些小的应用程序，并且很喜欢使用这两个框架--使用这些框架的结构和功能让编写UI变得非常棒！
我想知道是否有一种方法可以将这些应用程序嵌入到现有的遗留网站中？对于Angular，我知道您可以将目标div定义为您的ng-app。有没有更好的方法来做这件事？那Ember呢？在兼容性/集成方面有什么我需要注意的问题吗？
我意识到这些框架主要是针对SPA的，但正如我所说的，我真的很喜欢使用它们的固执己见的性质和长期的可维护性好处。
我试着在网上查找，但我没有找到关于这个主题的资源(可能是出于很好的理由)。任何意见都将不胜感激。
浏览 5提问于2014-02-21得票数 5
ngFor不在我的代码中工作。我有以下代码结构。
router-outletHomeModule AppModule --包含应用程序组件和组件--使用ngFor。(没有issues)TestModule的ngFor在这里工作-包含测试模块-使用ngFor (ngFor不在这里工作)
我已经在"BrowserModule“中导入了AppModule。我在HomeModule和TestModule中都有HomeModule导入。
我在HomeModule 文件中有这段代码(按预期工作)
<mat-card [class]="(selected_test.id === t
浏览 3提问于2020-12-21得票数 2
我是一个.net程序员，即将开始一个新的项目，我想冒险进入开源软件的世界。在我做了这么多研究之后，我选择了Angular.js和GSAP。但是，在阅读了Angular.js 2.0将如何与1.3完全不同之后，我开始倾向于ember.js。我自己也试过解决这个问题，但是我注意到，对于ember.js来说，没有Angular.js那么多的材料。所以我的问题是..。
我能很容易地将GSAP集成到ember.js项目中吗？他们在一起打得好吗？谢谢!
Ps。我计划使用的堆栈是ember.js/Angular.js、GSAP、node.js。
浏览 2提问于2014-12-18得票数 1
回答已采纳
我试图在我的Range4项目中使用库，该项目是从项目派生的。当我在组件模块中导入这个库的模块时，它工作得很好。例如，我有一个登录组件，它有一个login.module.ts：
import { NgModule, } from '@angular/core';
import { LoadingModule } from 'ngx-loading';
import { Login } from './login.component';
@NgModule({
imports: [
LoadingModule,
],
decl
浏览 0提问于2017-09-10得票数 0
在使用RC5配置angular2-高级图表时，我得到以下错误
产品:15错误: TypeError:无法读取属性'type‘of null(…)(匿名函数)@ product:15ZoneDelegate.invoke @ zone.js:332Zone.run @zone.js:225(匿名函数)@ zone.js:586ZoneDelegate.invokeTask @ zone.js:365Zone.runTask @ zone.js:265drainMicroTaskQueue @ zone.js:491ZoneTask.invoke @ zone.js:435
我的系
浏览 2提问于2016-08-19得票数 1
回答已采纳
我想使用角度材料日期选择器，但我得到了这个错误。
未知错误:由模块'AppModule‘导入的意外指令'MatFormField’。请添加一个@NgModule注释。
app.component.html
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"><
浏览 0提问于2018-11-20得票数 18
回答已采纳
我正面临着同样的问题
然而，因为我是使用余烬cli，我不能这样做。这是我的源代码
import Ember from "ember";
export default Ember.Component.extend({
actions : {
remove : function(){
this.remove();
},
add : function()
{
Ember.AuthorNameComponent.create().appendTo($('#au
浏览 1提问于2015-08-23得票数 2
回答已采纳
我在角度11中使用了一个材料数据选择器(确切的版本见下面)，我在min/max属性上遇到了问题。
my-component.component.html
<form [formGroup]="form">
<mat-form-field>
<mat-label>Date</mat-label>
<input [matDatepicker]="picker"
[max]="maxDate"
[min]="mi
浏览 2提问于2021-02-14得票数 0
回答已采纳
1回答
我有一些问题角2最终释放路由。当我在子组件中添加routerLink时，会发生以下错误：
Can't bind to 'routerLink' since it isn't a known property of 'button'
这是我的树：
app
|
|___ app.routes.ts
|___ app.module.ts
|
|___ user
|_______ user.routes.ts
|_______ user.module.ts
|_______ user.component.ts
|
|_______ login
|____
浏览 1提问于2016-09-23得票数 1
回答已采纳
我正在尝试更新我的NativeScript应用程序。我的问题是从Angular升级而来的新路由。我的package.json依赖项：
"@angular/router": "3.0.0-beta.2"
升级后：
"@angular/router": "4.1.0",
现在我知道有一些新的路由，我不能真正深入其中。
我正在努力更新我的app.component.ts。
我想不出如何更新路线，有人能给我点提示吗？
浏览 16提问于2017-08-14得票数 0
回答已采纳
2回答
我是从一个自举的位置来到Angular 2的，就像附加container-fluid、row、col-md-10之类的类一样。
我找到了大量关于Angular 2中的bootstrap的资源，比如ng2-bootstrap和angular.io教程，但我所知道的传统网格风格的引导程序没有一个是我认识或理解的。
如果有人能把这些点联系起来，我将不胜感激。我认为我遗漏了一些关键点。像col-md-10和col-offset这样的boostrap的附加类方法在Angular 2中是不是无关紧要的？如果我想创建一个响应式站点，它有两个栏目或者类似的东西，该如何工作呢？
浏览 0提问于2016-12-21得票数 4
5回答
我有一个名为CurrConvertPipe的定制管道
import {Pipe, PipeTransform} from '@angular/core';
import {LocalStorageService} from './local-storage';
@Pipe({name: 'currConvert', pure: false})
export class CurrConvertPipe implements PipeTransform {
constructor(private currencyStorage: LocalSto
浏览 10提问于2017-03-03得票数 100
回答已采纳
1回答
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { routing } from './app.routi
浏览 2提问于2016-10-14得票数 6
回答已采纳
我想在我的Ember项目中使用Azure。我的项目使用Ember.js和ember-cli，我不能在蓝色相同的html网站上看到它。对于angular.js项目，我在deploy.cmd中添加了一些脚本代码。但我不知道应该在deploy.cmd中添加什么才能运行ember.js和ember-cli。互联网上的所有示例都使用deploy.sh中的一些脚本，我不知道它的语法。你能帮帮我吗？
浏览 0提问于2015-06-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
