标签: angularjs-bootstrap

Angular UI Bootstrap中的多个指令有一个append-to-body选项。我什么时候需要使用它，它的优缺点是什么？

试图了解如何pull-right仅在 angular typeahead 下拉列表中实现该类。

问题：

• 输入位于窗口的右侧（这是搜索输入框的典型特征）
• 我的结果比我的输入（和包含的 div）更宽
• 我需要下拉列表的右侧与输入框的右侧对齐，并在左侧延伸超过（下方）输入宽度。
• （下拉只需要移动，文本对齐方式不会改变，应该保持向左对齐。即不是这个问题中的RTL：angularjs bootstrap's typeahead 的 RTL）

将pull-right类应用于包含的 div 似乎不会影响独立于输入的下拉列表。
我不知道还能把它放在哪里？

是否有控制下拉 div 对齐方式的 CSS 方法？

修改了以下Plunker 中的文档示例：

• pull-right在包含的 div 中包含类
• 放置在包含 div 中以缩小宽度（可能是不必要的？）

如果您在 plunker 示例输入框中键入“ ang ”，您将看到结果溢出窗口右侧。

  <div class='column'>
    <div class='container-fluid pull-right' ng-controller="TypeaheadCtrl">
      <h4>Asynchronous results</h4>
      <pre>Model: {{asyncSelected | json}}</pre>
      <input type="text" ng-model="asyncSelected" placeholder="Locations loaded via $http" typeahead="address for address in getLocation($viewValue)" typeahead-loading="loadingLocations" class="form-control">
      <i ng-show="loadingLocations" class="glyphicon glyphicon-refresh"></i>
    </div> …

我想创建以下内容.有一个按钮,当点击时打开一个对话框/模态从Angular Bootstrap [1然后将显示一个加载指示器,当应用程序从服务器获取json数据,然后将该数据显示在对话框内容中.

我想我会创建一个对话框模板,其中包含json数据的解析代码,例如,某些ng-repeat将其显示为列表.

我不清楚:

1. 我在这个过程中添加一个加载指示器(比如说spin.js).我希望能够从我假设的控制器中引用对话框模板中的一些div？
2. 我什么时候进行ajax调用
3. 如何将该数据传递给模板并对其进行解析

我有一个服务:

angular.module('USC').service('TemplateService', function() {});

我想在手动引导我的Angular项目之前使用它:

angular.bootstrap(document, ['USC']);

这可能吗？我知道我可以调用var service = angular.bootstrap().get(); 对于Angular提供的服务,但是如何在模块初始化之前调用自定义服务？

我有一个AngularJS应用程序(缩减到相关部分)看起来像这样:

<div ng-app="myModule">
    <div id='container'>
        <div say-hello-to name="Frank">f</div>
        <div say-hello-to name="Billy">b</div>
    </div>
</div>

该应用程序工作正常.现在,如果在角度自举过程之后,我添加了一个新的dom元素,它对应于一个指令,它不被解释.请注意,"Addition"由非angularjs JavaScript代码完成.

<div say-hello-to name="Dusty">d</div>

它只是"死"的div.

JsFiddle链接:http://jsfiddle.net/Nn34X/

问题是:如何在应用程序中添加一个新的DOM元素,让AngularJS知道有一个新元素需要解释(我可以很容易地将angularjs精确指向所有插入的元素)

干杯,并提前感谢!

我的网站上的所有角度应用程序都有相同的配置块,所有这些都在不同的文件中.

app_1.config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

app_2.config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

app_3.config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

是否有标准的抽象方法？

我花了一整天时间试图让"示例"AngularJS Carousel工作,而这只是归功于最终磕磕绊绊的这个话题,我终于得到了它的工作.

从AngularJS Bootstrap页面中的Carousel示例开始,有一些很棒的HTML和JS片段,但是通过查看站点来判断它是不可能的,以及需要多少JS和CSS文件才能使轮播工作.我已经尝试了一切来使它工作,我最终得到了各种无关的(我认为？)JS和CSS文件被包含在内.

甚至他们的概念让angular.module('ui.bootstrap.demo').controller...我感到困惑,因为在我尝试之前我无法让应用程序工作 angular.module('myApp', ['ui.bootstrap', 'ui.bootstrap.tpls', 'ngAnimate', 'ngTouch'])- 即便如此我也不确定需要多少这些模块.

有人可以列出使Carousel正常运行所需的最低JS和CSS文件,以及一个简短的原因吗？是否有一些'ui.bootstrap.demo'我错过的定义,这会简化一些事情？谢谢.