Spartacus 开源项目由一组库组成。为了更容易知道哪个版本的库与另一个版本兼容，库版本在所有包中同步。 这意味着当我们要发布 1.5.0 版本时，我们会发布该版本下的所有库，即使某些库与上一个版本相比没有任何变化。 这样一来，我们可以使用单个版本号来指代任何给定版本的整套 Spartacus 库。 如下图所示，Spartacus 项目 Angular.json 文件里一个个类型为 libra

Read More

安全的单页应用程序在本教程中，我们展示了Spring Security，Spring Boot和Angular的一些不错的功能，它们协同工作以提供愉快和安全的用户体验。对于使用Spring和Angular的初学者来说，它应该是可用的，但也有很多细节对任何专家都有用。这实际上是关于Spring Security和Angular的一系列部分中的第一个，每个部分中都依次公开了新功能。我们将在第二和随后的

Read More

在延迟加载模块中调用 forRoot，后果是将在延迟加载模块注入器中创建所有全局服务的新实例，这将导致不可预知的结果。 仅在根应用程序模块 AppModule 中调用 forRoot, 在任何其他模块中调用它，尤其是在延迟加载的模块中，是违背 Angular 路由模块的设计本意的，并且可能会产生运行时错误。 确保导入 forRoot 方法的结果，而不要将它添加到任何其他@NgModule 列表中。

Read More

我们在 SAP Spartacus AppModule 里进行如下的 External Route 配置之后： provideConfig({ routing: { internal: [ '/**', '!/cart', '!/**/p/**' ] } }),

Read More

摘要：介绍了Angular中依赖注入是如何查找依赖，如何配置提供商，如何用限定和过滤作用的装饰器拿到想要的实例，进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。本文分享自华为云社区《​​Angular依赖注入模式的应用和玩法案例​​》，作者：DevUI 。注入，一种组件树状层级通信模式 & 设计模式组件通信模式在Angular工程开发中，通常我们使用Input属

Read More

前言由于官网有 SEO 的需求，因此对现在官网的项目进行 ssr 整改兼容。本来在官网的 demo 项目中使用是比较顺畅的，但由于项目较大且复杂性高，在调试的过程中遇到了不少问题，踩了不少的坑。以下是在调试过程中遇到的一些问题汇总，希望大家可以避开这些坑。1. 使用浏览器 API报错问题在运行服务的时候，通常会遇到的一些报错ReferenceError: window is not defined

Read More

前言对于 node 应用，一般我们在本地调试的时候，可以考虑用 node app 的方式来启动服务查看效果。但是在服务器上，如果直接通过 node app 来启动，出现报错时可能直接停止服务运行，所以我选择了好评度较高的 pm2 来管理我的 ssr 服务。pm2 是一个进程管理工具，维护一个进程列表，可以用它来管理你的 node 进程，负责所有正在运行的进程，并查看 node 进程的状态，也支持性

Read More

前言由于业务需求，需要对项目中的文档部分做 SEO 搜索引擎优化，这里采用的是 Angular 官方推荐的服务器渲染方案 Angular Universal。标准的 Angular 应用会运行在浏览器中，它会在 DOM 中渲染页面，以响应用户的操作。而 Angular Universal 会在服务端通过一个名叫服务端渲染（server-side rendering - SSR）的过程生成静态的应用

Read More

相信很多人在 Angular5 的项目前期，用得很流畅。但随着项目变得庞大且复杂性增加，就会出现首页加载慢的问题。这是因为把所有页面都放在一个模块里，导致首页载入相当于把整个项目加载进来，所以才会觉得越来越慢。因此，我们需要根据项目业务情况来划分不同的功能模块，按需加载模块，来提升用户体验。下面根据之前所做的项目情况来分享一下进行模块划分的过程，由于所做的项目模块比较多，所以做了简化版的 demo

Read More

Change Detection (变化检测) 是 Angular 2 中最重要的一个特性。当组件中的数据发生变化的时候，Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化。那么，Angular 2 是如何知道数据发生​了​改变？又是如何知道需要修改的 DOM 位置，准确地用最小范围去修改 DOM 呢？本期跟大家分享一下，Angular2的脏值检测机制。​NgZone​在 Angu

Read More

这是 Jerry 2021 年的第 73 篇文章，也是汪子熙公众号总共第 350 篇原创文章。 iframe 是一项历史悠久的前端技术，能够将另一个 HTML 页面嵌入到当前的宿主页面。每个通过 iframe 被嵌入的 HTML 页面都拥有自己独立的浏览上下文，会话历史记录和 DOM 树。虽然 iframe 如果使用不当，可能会引发性能问题和安全隐患，但是它也有其应用场合，即复用第三方应用页面。因

Read More

小心！AngularJS合并RequireJS做文件离开压缩的那些坑小心！AngularJS合并RequireJS做文件离开压缩的那些坑，各人正在做文件离开压缩的时辰一定要注意，感乐趣的网友可以参考一下正在项目运用了AngularJS框架，用RequireJS做异步模块加载（AMD），正在做文件离开压缩时，遇到了一些坑，有些只是搞定了，但不大白原因。那些坑1. build.js内里的paths必须

Read More

       AngularJS中除了内置指令，还可以自定义指令。自定义指令和自定义过滤器一样，有两种方法：第一种，在module中配置：$compileProvider.directive('directiveName', function(){ });       代码模版为：    $compileProvider.directive('', ['', function(){     // 

Read More

       AngularJS可以把模版编写成HTML的形式，利用指令来拓展HTML标签，增加声明式语法来实现想做的任何事情。AngularJS的内置指令包括渲染指令、事件指令和节点指令。渲染指令ng-bind：<p ng-bind="something"></p>      相当于：<p>`something`</p>ng-bind-templa

Read More

       在之前学习AngularJS的过程中，都是用到了显式依赖注入，比如： <script type="text/javascript"> angular.module('app', []) .controller('Controller1', function($scope) { $scope.something = 'hello

Read More

标签属性介绍ng-class="{className:expression}" 如果expression为true，则使用className这个class。ng-click="functionName(pram)" 这跟onclick是一样的，点击就执行functionName(pram)。ng-repeat="i in set | filter:filterExpression or filte

Read More

  AngularJS中的过滤器是用于对数据的格式化，或者筛选的函数，可以直接通过以下语法使用：  {{expression|filter}}  {{expression|filter1|filter2}}  {{expression|filter1:param1,param2,...|filter2}  过滤器的种类有number，currency，date，json，limitTo，lower

Read More

在angualr应用中，factory方法是用来注册服务的最常规方式，其实总结了一下，一共有5种方式来创建服务：1.    factory()factory方法是创建和配置服务最快捷的方式；接受两个参数：name(字符串)：需要注册的服务名；getFn(函数)：这个函数会在angularJs创建服务实例时被调用。var formApp = angular.module("formApp",["ng

Read More

自学angular系列—过滤器（内置和自定义）过滤器主要用来“格式化”需要展示给用户的数据，angular提供了很多内置的过滤器，当然还有，功能强大的自定义过滤器。 一般有两种形式使用angular的过滤器：（1）    在js中，通过$filter来调用过滤器（2）    在HTML中使用“|”，（支持传入参数）比如：现在要将字符转成大写在js中就是这样：app.controller("test

Read More

    最近在学习angular,写了一个简单的购物篮例子，分享给大家。    效果图如下：（界面比较粗糙，大家凑合着看撒）整个界面分为两部分：（1）展示已经选择的购物记录；展示所有购物记录使用ng-repeat遍历items显示所有购物记录：<div ng-repeat="item in items" class="item">            <span class="

Read More