问题标签 [angularjs-templates]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
577 浏览

angularjs - Where does Angular store directive information?

Where does Angular store directive templates?

I have a module/directive and I want to be able to get the template it uses in another directive. Specifically I want to view the raw HTML and the names of the scoped variables

Some Directive

Some other directive where I want to see the raw HTML of the other directive's tempalte

0 投票
1 回答
983 浏览

angularjs - 从控制器内渲染 Angularjs 模板

假设我有以下 angularjs 模板

我有两个文本框和一个保存按钮

当用户在名字和姓氏文本框中输入值并按下保存按钮时,我希望将这两个值传递给模板,并将生成的 html 附加到现有的ul. 我怎么能用角度来做到这一点?

0 投票
1 回答
73 浏览

angularjs - 如何使用 AngularJS 处理完全不同领域(但网站相同)的模板

我有一个带有主要 index.html 的 webapp,它通过 ng-view 和 routeProvider 显示每个页面。

现在我正在为尚未登录的用户添加一个入口页面。这个页面也可以有他自己的 ng-view 来为未登录的用户滑动不同的部分(欢迎,什么是,登录,注册 ecc... ) 和他自己的头用 css 脚本 ecc ...

我宁愿 webapp 索引和入口页面索引地址都指向 www.example.com (所以不像 www.example.com/welcome )。

我想到了一个类似这样的结构:

  • 网页应用/
    • 主要的/
    • 第1页/
    • 第2页/
    • 欢迎/
      • 第1节/
      • 第2节/
      • 索引.html
      • Welcome.js(入口页面的 Angular 模块)
    • .htaccess
    • 索引.html
    • webapp.js(包含 webapp 的 routeProvider 的 Angular 模块)

目前我有那个 .htaccess 将所有虚假查询重写为 index.html 以便在这里处理所有内容。

所以特别是:

1)如果我已经对webapp主页使用了这个条件,我怎么能告诉webapp.js的routerProvider在用户没有登录时去/welcome/index.html?(我应该使用 run 方法吗?一个简短的例子会有所帮助)

2) 如何防止welcome/index.html 中的所有内容都加载到index.html ng-view 中?(也许使用 ng-if 来隐藏 ng-view?或者有什么方法可以通过 routerProvider 来控制这种行为?)

3)有更好更简单的方法来实现这一切吗?

谢谢。

更新: 好的,我认为我的问题存在潜在问题......我不能使用完全不同的页面,因为所有内容都已加载并切换到另一个页面会导致应用程序重新加载丢失所有数据。所以我想我应该为整个网站使用相同的主模板。
然后我补充说:angularjs中有一种方法可以动态加载不同的样式表吗?

0 投票
2 回答
878 浏览

javascript - AngularJS将数据传递给表单不起作用

我正在尝试将一些数据传递给 angularjs 表单,但没有成功。我正在定义一个模块,在模板中调用它并将模板绑定到控制器。这个想法是将一些东西传递给 $scope 变量,以便将现有的用户名显示为字段的值。相同的表单将用于添加和编辑用户。在最后一种情况下,我将通过 id 获取用户并将他的信息传递给$scopethroughmyForm变量。

这是一个让事情变得更容易的插件:http ://plnkr.co/edit/nAabxgrw4HqLcgrErVxq?p=preview

模板:

代码:

任何帮助都是极好的。

0 投票
1 回答
134 浏览

javascript - 如何在 AngularJS 中使用模板调用函数 foo("someName")?

我在页面上有一些动态元素(即列表)。我想为每个元素添加 onClick 操作的处理程序,除了每个元素都应该使用指定的数据调用此处理程序。

我试过这个:

js:

html:

当我观察 dom 时,我看到了正确的 html:ng-click="onClick('name_1')",但是当我单击该行时,什么也没有发生。为什么?(另外,我在控制台中收到 angularJS 的长红色错误,说我真的错了)

我怎样才能达到我想要的?我不是说一定要用我的方法来做。可能有另一种方法 - 比我的更好(比如使用一些角度属性(比如 ng-repeat 有:$index))

0 投票
5 回答
27685 浏览

angularjs - 从范围变量中删除属性

我有一个范围变量$scope.object = { prop: 12345 },我删除了它的属性并将它们设置为undefined.

是否有可能从模板中删除属性并且在控制器中没有附加功能而不是将它们的值设置为undefined

0 投票
3 回答
35550 浏览

angularjs - 不带引号的角度打印字符串数组

我有一个来自服务器的简单字符串数组:

在我的页面中,显示我拥有的数组:

它打印:

如何控制打印,例如,如果我想消除括号和引号?

0 投票
0 回答
1624 浏览

angularjs - 如何解决“$sceDelegate 策略不允许从 url 加载资源的阻止。URL:login.html”

我很有趣 Nodejs 并创建了一个单页应用程序。本地一切正常。当我部署到我的 AWS 服务器时,我收到以下错误($sceDelegate 策略不允许从 url 加载资源。URL:login.html)。我正在使用 angularjs 并将我的模板放在我的主 SPA 页面上,就像这样。

我的角度控制器看起来像

任何想法或见解将不胜感激。

0 投票
1 回答
215 浏览

angularjs - 在Angularjs中,如何确保只有在完成for循环中的所有承诺后才能使用动态模型名称进行模板编译

我正在使用 Angularjs 和 c3 图表指令。我的模板编译代码是

我希望这个模板编译代码只有在 for 循环内的所有承诺都完成后才能执行。任何人都可以帮助我如何实现它?而且对于动态分配模型名称,我使用了 $scope[data.chartIdent],这是正确的方法吗?以下是我的控制器的示例代码。

使用 $q.all,如何动态地制定模板,这里的 'i' 值不适用于模板,因为我们不在 for 循环中。

0 投票
1 回答
1445 浏览

angularjs - AngularJS:如何从另一个控制器中动态初始化模板中的控制器

ChildCtrl只想在点击它上面的按钮时才被初始化。这怎么可能?