小编Jas*_*euw的帖子

在其他域的div中包含角度应用,不包含iframe

我有一个角度应用程序,它具有各种依赖项,如模块和样式.

另一方面,我有多个网站,我想在这个应用程序中包含所有依赖项(就像你在iFrame中一样).我希望将应用程序包含在div中(就好像它是iframe)但我必须是div,而不是iFrame,因此其他网站可以为内联应用程序选择自己的样式.

这样,当我将它添加到我的CORS时,我可以让每个站点都包含该应用程序.喜欢:

<div ng-include="app_from_other_domain"></div>
Run Code Online (Sandbox Code Playgroud)

随着该div内的所有路由.

在阅读了大量文档后,我不知道从哪里开始.任何帮助,将不胜感激!

javascript iframe angularjs angularjs-directive angularjs-ng-include

13
推荐指数
1
解决办法
1177
查看次数

为kendo数据源提供角度范围变量

我目前正在尝试使用远程数据填充kendo网格.Kendo有自己的功能来获取数据,但我想使用我创建的角度工厂.

所以我有一个工厂,它有一个功能"getSkills".此函数从我的api获取所有技能对象.

angular.module('MyApp').factory('Factory', function ($resource) {
    return $resource('/api/v1/skills/', {  },
        {
            getSkills: { method: 'GET', isArray: true }
        });
});    
Run Code Online (Sandbox Code Playgroud)

在角度的SkillController中,我将这些获取的技能放在范围变量中.

$scope.skills = SkillFactory.getSkills();
Run Code Online (Sandbox Code Playgroud)

我在这里初始化Kendo网格:

$scope.gridOptions = {
                dataSource: {
                    data: $scope.skills,
                    schema: {
                        model: {
                            fields: {
                                ID: { type: "number" },
                                Name: { type: "string" },
                                CreatedBy: { type: "number" },
                                CreatedDate: { type: "string" },
                                EditedBy: { type: "number" },
                                EditedDate: { type: "string" },
                                InUse: { type: "boolean" }
                            }
                        }
                    },
                    pageSize: 20
                },
                scrollable: …
Run Code Online (Sandbox Code Playgroud)

javascript kendo-ui angularjs kendo-grid angularjs-resource

6
推荐指数
2
解决办法
2万
查看次数

Angular UI Bootstrap datepicker,视图更改时的回调

我使用Angular UI Bootstrap,这两个版本都是最新版本.

我希望在我的视图发生变化时进行回调,即当我从5月切换到6月时.我需要这个,因为以下情况:

我的日期选择器使用customClass函数显示可用和不可用的日期.我获取当前月份的所有可用性,但是当我单击下一个或上一个时,我没有任何回调来获取新的可用性.

另外,我不想要一次42次异步调用(每个类一次)因为你在de datepicker中也会遇到很多时间问题.我希望有人知道实现这一目标的方法,我现在已经很长时间寻找解决方案了.

我的HTML:

<div class="input-group">
      <span class="input-group-addon" ng-click="vm.OpenDatepicker($event,'1')"><i class="ti-calendar"></i></span>
      <input type="text" class="form-control" datepicker-options="dpOptions" readonly style="cursor:pointer; background-color:white;"
             uib-datepicker-popup="dd-MMMM-yyyy" min-date="minDate" show-weeks="true" ng-model="selectedDate"
             is-open="vm.$scope.datepickers[1]" show-button-bar="false" ng-click="vm.OpenDatepicker($event,'1')" />
</div>
Run Code Online (Sandbox Code Playgroud)

在$ scope.dpOptions(DatePicker Options)中,我定义了自定义类需要的内容:

$scope.dpOptions.customClass= function (data) {
//Here are my availabilities of the first month fetched
//When I change the month in my view, I first want to have the other availabilities 
//so I can return the new red/green classes
};
Run Code Online (Sandbox Code Playgroud)

datepicker twitter-bootstrap angularjs angular-ui angular-ui-bootstrap

6
推荐指数
1
解决办法
1689
查看次数

如果第二个字段不为空,则Ng-options下拉连接字段

我有一个表用户,每个用户都有一个用户名,但表中也有一个可以为空的displayname.我想在下拉菜单中显示其用户名,如果可用,还显示其显示名称.

因此,没有displayname的用户将显示如下:

<option value="1">*Username*</option>
Run Code Online (Sandbox Code Playgroud)

并且具有displayname的用户将是:

<option value="1">*Displayname* (*Username*)</option>
Run Code Online (Sandbox Code Playgroud)

我当前的选择只是一个常规的角度ng选项选择.

<select name="Employee" ng-model="selectedUser" ng-options="user.Username for user in unAssignedUsers" required>
Run Code Online (Sandbox Code Playgroud)

我不知道如何用ng-options解决这个问题,我到处搜索,但我找不到它.任何帮助,将不胜感激!

javascript angularjs angularjs-ng-repeat ng-options

3
推荐指数
1
解决办法
5503
查看次数