草庐IT

Web-Angular

全部标签

javascript - 在 Angular JS 模块中传递并获取 DOM 元素值

我真的是AngularJS的新手我有一个html页面,它加载了这样一个js文件该文件(adf-widget-iframe.min.js)内容如下所示!function(){"usestrict";angular.module("adf.widget.iframe",["adf.provider"]).config(["dashboardProvider",function(e){e.widget("iframe",{title:"iframe",description:"Embedanexternalpageintothedashboard",templateUrl:"{widgets

javascript - 通过事件发射器进行 Angular 2 变化检测会消耗大量 CPU 时间

我注意到我的Angular2应用程序在使用一段时间后变得非常缓慢。我分析了CPU时间,发现正在进行大量更改检测执行。页面加载后的CPU配置文件......与使用该页面一段时间后的CPU配置文件相比。我在不同的服务中使用了很多EventEmitter来在很多组件之间进行通信。经过一段时间的测试,似乎窗口滚动事件的发射器造成了很大一部分重负载。使用页面一段时间后的CPU配置文件没有发出滚动事件:这里是服务的实现:@Injectable()exportclassWindowService{@Output()scrolled$:EventEmitter=newEventEmitter();pr

javascript - 是否可以在一个页面上运行多个具有不同 Angular 版本的应用程序?

我想在一个页面上运行多个angular2应用程序。此外,它们应该以不同的版本运行。我知道:Angular被设计为单页应用程序框架,因此我描述的用例非常奇特。不过我想知道理论上是否可行?我已经设法让它运行了,我唯一的问题是,zone-js在全局命名空间上有一个变量,并且在多次加载时抛出错误。当我只加载一次zone-js时,两个Angular应用程序并排运行。您可以在dom中看到不同的Angular版本。但现在我的问题更详细了:在一个页面上同时运行两个Angular应用程序时,我是否需要担心?只加载一次其他依赖项有意义吗?当angular主要版本4依赖于另一个zone-js主要版本时怎么办

javascript - 离线优先 Web 应用程序中的缓存无效化

我们目前正在使用Webpack和HtmlWebpackPlugin来为我们的网页生成javascript版本。newHtmlPlugin({template:'www/index-template.html',//sourcepath-relativetoprojectrootfilename:'index.html',//outputpath-relativetooutpathabovehash:true,cache:true//onlyemitnewbundleifchanged}),这会导致将哈希添加到捆绑的javascript文件的查询字符串中。当使用任何标准的桌面或移动浏览器

javascript - Angular 2+ 安全性;保护服务器上的延迟加载模块

我有一个Angular2+应用程序,用户可以在其中输入个人数据。此数据在应用程序的另一部分进行分析,该部分仅对具有特定权限的人可用。问题是我们不希望未经授权的人知道我们如何分析这些数据。因此,如果他们能够在应用程序中查看模板,那就太糟糕了。由于它是客户端应用程序,精明的用户总是可以调整应用程序并查看模板。使用路由保护、延迟加载和CanLoad不会在这里保护我们,因为所有模块都可以通过简单的HTTP请求获得,并且资源的url可以被足够精明的用户找到。我了解处理此问题的常用方法是使用单独的应用程序。在这种情况下,将有三个,一个用于登录/注册,一个用于用户输入数据,一个用于具有特定权限的人分

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 在运行时分配 Angular 结构指令

我正在尝试在运行时将Angular代码中的*ngIf指令分配给模板。无法找到一种方法来做到这一点。view/templateref是执行此操作的选项还是有不同的方法和更简单的方法。首先有可能吗?更新:代码有点乱,乱七八糟的,避而远之。但这是DOM代码的大致外观以及我需要动态添加内置结构指令的原因。更新我正在做一个基于userProvidedValue的获取请求值和获取请求的结果决定了fetchArraywithHttpFromuserProvidedValue大批。二、基于fetchArraywithHttpFromuserProvidedValue的值从获取请求派生决定是在切换选项中

javascript - 在 Angular 路由器的空路径上有条件地加载模块

我正在尝试为未通过身份验证的访问者加载我的应用程序的主页。constroutes:Routes=[{path:'',loadChildren:'./home/home.module#HomeModule'}...经过身份验证的用户应该通过该模块获取他们的提要,也在空路径上。{path:'',loadChildren:'./feed/feed.module#FeedModule',canActivate:[IsAuthenticationGuard]},{path:'',loadChildren:'./home/home.module#HomeModule',canActivate:[N

javascript - 生成 xsl :fo 的任何 javascript(基于 Web)所见即所得编辑器

我很难在OSS或基于商业网络(javascript)的WYSIWYG*编辑器上找到生成XSL:FO的编辑器。我希望编辑能够做...用户会看到通用的文本编辑器界面,这与我目前正在输入以将此问题提交给SO的编辑器没什么不同。用户能够定义XSL:FO提供的所有结构组件(新页面、新区域)。编辑器可以做的任何“简化”(例如处理一些放置图形所需的隐式XSL:FO格式等)都会有所帮助能够创建内联区域,例如列表和表格,添加图形等能够在XSL:FO规范的范围内设计样式(*)既然是所见即所得的编辑器,就一定要有预览正在创建的文档的能力。由于XSL:FO需要一个XLS:FO处理器来翻译成文档(RTF、PDF

javascript - 需要 TextBox 的 Angular 的奇怪行为

我有2个文本框,一个是必需的,另一个不是必需的。如果我们在所需的文本框中添加文本,例如“ABC”,然后删除内容,ng-model将设置为undefined如果我们向非必填字段添加文本并删除内容,ng-model不会为空字符串""。这是关于我在上面解释的行为的一个小插曲。请使用控制台查看结果。http://plnkr.co/edit/XgQBfcyRF3OwG1qC0gXb?p=preview为什么两者在ng-model设置上有区别? 最佳答案 它是似乎是设计使然,并且与经过验证的表单值的一致行为有关。文档中没有关于此行为的任何内容,