angularjs 相关问题

Angular 19 中的路由不会改变界面中的任何内容

我在 Angular 19 中有一个简单的路由系统，基本上是位于页眉和页脚之间的主页和关于页面。然而，尽管点击重定向时 URL 发生了变化...

使用通用打字稿而不是带有角度引导的#-Links

我对使用 bootstrap 进行 ui 开发感兴趣。但我不确定我尝试做的事情是否可以实现。想象一下，我想要一些下拉菜单，就像这个引导示例之一： 我对使用 bootstrap 进行 ui 开发感兴趣。但我不确定我尝试做的事情是否可以实现。想象一下，我想要一些下拉菜单，就像这个引导示例之一： <div class="d-inline-block" ngbDropdown #myDrop="ngbDropdown"> <button type="button" class="btn btn-outline-primary me-2" id="dropdownManual" ngbDropdownAnchor (focus)="myDrop.open()" > Toggle dropdown </button> <div ngbDropdownMenu aria-labelledby="dropdownManual"> <button ngbDropdownItem>Action - 1</button> <button ngbDropdownItem>Another Action</button> <button ngbDropdownItem>Something else is here</button> </div> </div> 下拉菜单本身有一个使用主题标签声明的名称“myDrop”。但我想从数据库表中读取所有必要的下拉列表，并在 @for 循环中创建它们。在这种情况下，我无法修改主题标签。 有什么方法可以为下拉菜单指定一个可用于通过打字稿访问下拉菜单的名称（如上面所示的 (focus)="myDrop.open()" ）？ 致以诚挚的问候 副蛉 总是首先获取最近的模板引用变量，因此可以有重复的命名模板引用变量。 不相关，但利用这个原理，我们有 ViewChildren 和 ContentChildren 来获取所有同名的模板引用变量。 @for(item of items; track $index) { <div class="d-inline-block" ngbDropdown #myDrop="ngbDropdown"> <button type="button" class="btn btn-outline-primary me-2" id="dropdownManual" ngbDropdownAnchor (focus)="myDrop.open()" > Toggle dropdown </button> <div ngbDropdownMenu aria-labelledby="dropdownManual"> <button ngbDropdownItem>Action - 1</button> <button ngbDropdownItem>Another Action</button> <button ngbDropdownItem>Something else is here</button> </div> </div> } 所以我的观点是。可以使用相同名称的模板引用变量，前提是相关变量最接近使用它的 DOM 元素。 Stackblitz 演示

url中的#/是什么意思？

我正在开发 ROR Web 应用程序。我的网页网址如下所示 - http://dev.ibiza.jp:3000/facebook/report?advertiser_id=2102#/dashboard 这里我明白advertiser_id是2102，但我不能

使用 AngularJS 进行高级过滤

我希望使用 AngularJS 按类别和位置过滤以下列表。我遇到的困难是能够将结果正确地嵌套在各自的类别下（参见...

了解 angularjs 使用哪种语法

首先这是我的开发依赖项 “角度”：“^1.5.0”， "Angular-ui-router": "^1.0.0-beta.1", 我想使用使用组件的 angularjs 版本进行开发...

Cookie 在本地主机上运行良好，但在 VPS 上不起作用

我正在使用nodejs和angularjs 1.6.4。在 localhost 上一切都运行良好，但是当我通过 Github 将代码推送到 Digital Ocean Droplet 时，cookie 不起作用。我保存下来的一切都是为了咕咕......

未应用角度组件样式

我正在开发 Angular 应用程序，我面临一个问题，即组件中定义的样式未按预期应用。我已经尝试了几个故障排除步骤，但似乎没有一个......

直接访问 URL 或使用 URL 刷新页面不会调用 Angular 路由器

我有两个角度组件：Program 和 MitProgram，每个组件都有自己的 URL /landsstaevne/程序 /landsstaevne/program/mit-program 我的问题是我无法直接访问 MitProgram URL...

在哪里可以找到 HIPAA 合规性文档或程序来开发具有 RESTful 服务的 Web 应用程序？

我想了解 HIPAA 合规性，以便为医疗保健行业开发 Angular js 框架 Web 应用程序。有没有地方可以获取一些信息以遵守 HIPAA 合规性？

AngularJS 服务存储 SEO 元数据

我遵循了本教程并尝试使用该服务来获取动态 seo 元数据。 https://weluse.de/blog/angularjs-seo-finally-a-piece-of-cake.html 然而，遇到了一个问题 - 似乎是服务......

ng-include 不执行任何操作

我正在尝试使用 ng-include 在我的软件网页上包含一些 HTML，但我似乎无法让它工作。目前，我正在使用最终目标的简化版本进行测试。 相关

如何处理动态角度形式的错误输入？

我有一个动态表单，我想解决输入错误。输入名称是动态创建的，但我无法在错误范围内访问它。我假设有角度的双大括号执行 /

等待 onbeforeunload 中的承诺

如果页面关闭，我想发送 $http.get。然后我偶然发现一个问题 承诺无法得到解决，因为如果最后一个方法返回，页面就会被破坏。 以下...

如何使用具有对象相等性的 $watchGroup 或深度监视组中的属性？

我想要一个指令在三个作用域变量发生更改时重新渲染 HTML。前两个只是整数，第三个是数组。 我们有 $watchGroup 来观察几个变量，我们有 $wa...

如何在 AgularJS 中进行单选按钮验证

我是 AngularJS 的初学者，我正在尝试使用下面的代码在 AngularJS 中显示引导错误验证。我面临两个问题 使用下面的代码单选组错误消息不会显示，...

Dropzone JS 上传前更改文件名

我正在使用 Dropzone.js 来处理文件上传。我真的希望能够在将文件上传到 S3 之前修改其原始名称。如果能够使用 dropzon 就好了...

底部有角度的粘性页脚

我正在尝试在底部放置页脚。 出于某种原因，它会这样出现。 在index.html中，我有： 我正在尝试在底部放置页脚。 出于某种原因会出现这样的情况。 在index.html中，我有： <main flex layout="column"> <div> <div ui-view="" ></div> </div> </main> <footer> <md-toolbar class="md-hue-2 md-scroll-shrink"> <div layout="row" layout-align="center center" flex> Powered by Webocity Technologies </div> </md-toolbar> 无论粘不粘，这看起来都是错误的。这里似乎出了什么问题以及如何解决这个问题？ 使用 position:fixed;bottom:0px; 在底部显示页脚 footer{ position:fixed; bottom:0px; background-color:pink; width:100%; } <main flex layout="column"> <div> <div ui-view="" ></div> </div> </main> <footer> <md-toolbar class="md-hue-2 md-scroll-shrink"> <div layout="row" layout-align="center center" flex> Powered by Webocity Technologies </div> </md-toolbar> </footer> 有很多技术可以实现这一目标。我最喜欢的之一是不需要任何 fixed 或 absolute 定位（尽管完全有效）但将内容设置为 100%。但这仅适用于固定的页脚高度。 <main flex layout="column"> <div> <div ui-view="" ></div> </div> <footer> <md-toolbar class="md-hue-2 md-scroll-shrink"> <div layout="row" layout-align="center center" flex> Powered by Webocity Technologies </div> </md-toolbar> </footer> </main> 还有你的CSS： html, body { height: 100%; margin: 0; } [main] { min-height: 100%; } [footer] { height: 150px; // for this example, can be anything margin-top: -150px; // exact same value as the height } 你可以在footer.component.scss中尝试使用这个css类： .footer { bottom: 0; padding: 19px 15px 20px; position: absolute; right: 0; color: #98a6ad; left: 210px; background-color: #ffffff; box-shadow: 0 0 1px rgba(50,58,70,.1); .footer-links { a { color: #98a6ad; margin-left: 1.5rem; transition: all .4s; &:hover { color: #323a46;; } &:first-of-type { margin-left: 0; } } } } 我认为重要的是bottom:0;和position: absolute;，你可以玩弄它们 不要忘记将 <footer class="footer"> 放入 HTML 中 BR， 朱利安 我的 Flex 解决方案： 在app.component.ts我的模板看起来像这样： <app-navbar></app-navbar> <main> <router-outlet></router-outlet> </main> <app-footer></app-footer> 这个想法（非常明显）是将 router-outlet 传递的主要内容包装到 main 中。这将产生以下 DOM： <html> <body> <app-root> <app-navbar></app-navbar> <main> <router-outlet></router-outlet> <app-landing-page></app-landing-page> </main> <app-footer></app-footer> </app-root> </body> </html> 这允许我应用以下CSS： app-root { height: 100vh; margin: 0; display: flex; flex-direction: column; } main { flex: 1; } app-footer { padding: 1.5rem; text-align: center; min-height: 4rem; background: PapayaWhip; } 感谢 flex: 1 main 将扩展以占据所有可用位置，并将页脚动态推到底部。

包含值和条件的复杂 ng 类表达式

假设我想让 ng 类做两件事： 1）从变量中填充一个值，如下所示 `ng-class="myAwesomeJavaScriptVariable"` 和 2）有条件地设置预定义类： `ng-class = "{

从现有网站构建 WebOS 应用程序

我使用 Angular for TV 构建了一个网站。我购买了带有 WebOS 的 LG 智能电视。我可以通过电视浏览器浏览该网站，一切正常。 现在我想将此网络应用程序上传到 LG 智能电视

角度 ng-repeat 创建多个表单语法错误

我正在重复一个项目集合，每个项目我都希望有自己的表单和自己的提交按钮，该按钮会将该表单信息发送到提交函数。我需要知道哪个项目是