我一直在将自定义指令升级到新的组件架构.我读过组件不支持观察者.它是否正确?如果是这样,您如何检测对象的更改?对于一个基本的例子,我有自定义组件myBox,它有一个带有游戏绑定的子组件游戏.如果游戏组件中有更改游戏,我如何在myBox中显示警告消息?我明白有rxJS方法是否有可能纯粹在棱角分明?我的JSFiddle
JavaScript的
var app = angular.module('myApp', []);
app.controller('mainCtrl', function($scope) {
$scope.name = "Tony Danza";
});
app.component("myBox", {
bindings: {},
controller: function($element) {
var myBox = this;
myBox.game = 'World Of warcraft';
//IF myBox.game changes, show alert message 'NAME CHANGE'
},
controllerAs: 'myBox',
templateUrl: "/template",
transclude: true
})
app.component("game", {
bindings: {game:'='},
controller: function($element) {
var game = this;
},
controllerAs: 'game',
templateUrl: "/template2"
})
Run Code Online (Sandbox Code Playgroud)
HTML
<div ng-app="myApp" ng-controller="mainCtrl">
<script type="text/ng-template" id="/template">
<div style='width:40%;border:2px solid black;background-color:yellow'> …Run Code Online (Sandbox Code Playgroud) angularjs angularjs-directive angularjs-scope angularjs-components angularjs-1.5
我找到了描述如何将Angular(2)组件集成到AngularJS中的资源,但所有这些都涉及像Angular项目一样设置AngularJS项目,需要来自TypeScript的转换器,需要ES6,需要import语句.我想在我的AngularJS应用程序中简单地使用Angular组件,而不会破坏我现有的工作流程.这是可能的,如果是这样,我该如何实现它?我认为这是升级模块的目的,但我看到的所有教程都需要AngularJS应用程序中的import语句,这需要一个转换器.如果Angular应用程序需要提前编译,那没关系,但AngularJS应用程序无法转换,因为它在django服务器上运行,我不想运行带有转换器的另一台服务器.
为了清楚起见,我目前的AngularJS应用程序由django提供服务.我想要包含一些Angular组件.这些在开发过程中不会被触及,因此可以提前编译它们而不影响工作流程.有没有办法将这些组件添加到AngularJS应用程序而不向AngularJS应用程序添加转换器?
我们正在将 Angular JS 应用程序升级到新的 Angular (Angular 4) 框架。我们设计的策略是,我们首先将 Angular JS 的内容从 javascript 转换为 typscript,然后逐个组件转换为新的 Angular 框架。但是,有没有办法让 Angular CLI 与 Angular JS 一起工作?
我是一个市场的项目经理,我正在努力为我的担忧找到解决方案。两年前,我们决定开发市场。在前端,我们决定使用 angularjs,我们的团队专业人士使用 AngularJS 实现前端。我们第一次在angularjs 1.3中加入了依赖注入,解决了SPA网站google解析爬行问题。但是当谷歌宣布 2018 年 7 月 1 日AngularJS 进入了 3 年的长期支持期。作为项目经理,我有一个很大的担忧,因为我们生活在 2019 年,两年后我们的网站会发生什么?
但我最大的问题是我们可以使用 Angularjs 多久?这个框架需要多少迁移,用 Angularjs 编写的网站是否有可能在 2021 年后无法工作?