草庐IT

Angular-ui

全部标签

javascript - 调整 FB.ui() 对话框的位置

我正在使用Fb.ui()将更新发布到用户的墙上,但该对话框始终出现在我浏览器的同一位置(如果向上滚动,则居中)。问题是我从屏幕底部打开对话框。有没有办法让对话框显示用户当前的滚动位置? 最佳答案 FB.ui()对话框应该已经相对于用户当前滚动的位置定位。如果没有,您可以简单地将您的#fb-root放在CSS中:#fb-root{position:fixed;top:10%;}这样,弹出窗口将始终位于用户的滚动位置,如果他继续向上或向下滚动页面,也会跟随它。 关于javascript-调整

javascript - 我如何像 React 一样在 Angular 2+ 中传递 Prop ?

在React中,我可以像这样任意传递props:functionSomeComponent(props){const{takeOutProp,...restOfProps}=props;return;}如何在Angular中做同样的事情?--更具体地说,我想编写一个自定义下拉组件并将Prop向下传递到一个选择框。 最佳答案 与React组件相反,Angular组件不会在输入更改时重新编译,而是使用@Input属性装饰器来启用更改检测。所有预期传递的属性都应明确定义为组件输入。对于自定义选择组件,没有比这更好的选择了。可以从当前组件元

javascript - 为什么angular的DI内联注解中的函数是数组元素?

我有一个问题要问这里的angularjs人员。所以,我使用Angular已经有一段时间了。然而,每次当我写一个新的Controller或使用依赖注入(inject)的东西时,我发现自己写错了内联定义。someModule.controller('MyController',['dep1','dep2',function(dep1,dep2){...}]);我明白它是如何工作的,但为什么有棱Angular的人不决定采用更通用的方法?比如requirejs方式someModule.controller('MyController',['dep1','dep2'],function(dep1

javascript - angular2.js 与 angular2.dev.js

我想知道angular2.js和angular2.dev.js之间的区别,当然还有更多的文件,比如:router.dev.js和router.js等等,我的问题是为什么有2个版本,它们之间有什么区别? 最佳答案 angular2.dev.js使用global.Zone.longStackTraceZone=require('../zones/long-stack-trace.js')通过zone.js显示Angular异常的长堆栈跟踪帮助您的发展。来源:https://code.angularjs.org/2.0.0-alpha.2

javascript - 如何在 bootstrap modal 中将输入焦点设置为 kendo-ui 网格输入

在将我的kendo-ui网格移动到Bootstrap模式之前,我将单击“添加行”,然后将选择3个输入中的第一个。然后我会切换到第2个,然后切换到第3个,然后切换到复选框按钮,我将在其中按enter键并添加该行。然后焦点将返回到“添加行”按钮,我可以在其中按回车键重新开始流程。好吧,现在它在一个模式中,我失去了除了标签之外的一切。我找到了使用jquery来应用焦点的解决方案,但我的网格Controller中已经有了它。Kendo-ui网格Controller$scope.mainGridOptions={dataSource:dataSource,pageable:false,toolb

javascript - Angular2 动态模板或 ng-include

有没有办法在angular2中动态加载模板?在angular1中,我使用ng-include在主ControllerView中加载不同的html模板。我知道angular2只能采用1个templateUrl并在angular2中搜索ng-include并且找不到任何引用。 最佳答案 当您可以将html作为自定义的新组件并在任何需要的地方使用它时,为什么还需要ng-include,这要归功于选择器标签。例如:@Component({selector:'app-my-component',templateUrl:'./my-compon

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i

javascript - 无法使用 ngx translate/core - angular 2 typescript 获取文本的动态翻译

问题:我有来自Json文件的动态文本。我正在使用这样的translate.get()方法:this.translate.get('keyInJson').subscribe(res=>{this.valueFromJson=res;/*creatinganobjectusingabovetext*/});由于这是异步的,因此我无法在页面呈现时获取翻译后的文本。我尝试将上述方法包装在Observables和Promises中,但它无法在页面加载期间获取文本的翻译版本。在尝试了不同的方法后,我能够获得翻译后的文本,但代码变得过于复杂且不可靠。预期/期望的行为应该加载文本的翻译版本问题重现动

javascript - 如何限制 Kendo UI Web 上传只允许一次上传?

我目前正在使用KendoUI使用MVC3和Razor以及EntityFramework将文件上传到数据库。我让它在我网站的几个区域运行良好,除非我需要将它限制为只允许单个上传。我将multiple设置为false,我需要禁止多选,但仍然允许用户多次单击选择按钮来添加文件,这违反了数据库中此字段的要求。我尝试了一些我认为在他们网站上找到的建议,但他们指的是当前请求中发送的当前选定项目,而不是整个上传列表(见下图)。functionsingleFile(e){varfiles=e.files;if(e.files.length>1){alert('Onlyonefilemaybeuploa

javascript - Angular : Providing methods to ng-model

我最近开始学习Angular。我想将一个方法传递给ng-model或一个可能计算为1的表达式。在这个fiddle中http://jsfiddle.net/C4aGk/你会看到我已经将该字段硬编码为ng-model="record.inner[0].text"并且它有效,现在问题是,我想替换硬编码零,带有在运行时返回的内容,由标准选择id=1。我的HTML代码:{{record.outer}}{{nested.id}}-{{nested.text}}以及对应的js:functionMainController($scope){$scope.records=[{outer:"Hello",