将jQuery代码转换为Angular
Converting jQuery code into Angular
我有一个页面有很多jQuery DOM操作代码,我需要将它们全部转换为Angular。大多数jQuery代码都是关于调整元素的大小以及设置类和css属性的。我有点不知所措,需要有关如何继续将该jQuery转换为Angular代码的建议。重要提示:jQuery 根本不处理业务逻辑。
以下是我需要转换的jQuery代码的示例:
var globals = {};
function init()
{
globals.topNavHeight = $('.x').height() + $('.y').height();
}
function adjustSomeStuff()
{
$('.topNav').css('height', globals.topNavHeight);
$('.bottomFooter').css('someRandomProperty', $('#someHelperDomElem').css('height'));
$('.anyOtherRandomElementOnPage').css('color', '#012345');
globals.savedData = 1000;
}
$(window).bind('resize', adjustSomeStuff);
$(window).bind('load', init);
我的问题是我知道我需要以某种方式将这些函数转换为指令,但它们只是使用来自整个页面的绝对随机元素来执行不同的计算和内容。我应该扔掉这段代码并从头开始编写指令,还是可以以某种方式利用现有的jQuery代码?
根据
窗口大小调整主页项目大小的特定代码块,我认为可以保留在jquery中。例如,在 Angular 中,您可以根据不同的数据属性定义 CSS 类(通过 ng-class),但它看起来不像您正在做的事情。
但是,您在那里的颜色更改应该转到 css 类,并且您应该根据应用程序流在运行时切换 css 类。 就像我之前写的那样,可以通过ng-class在Angular中完成(例如ng-class="{'warning':(issuesFound> 5),"valid":(issuesFound == 0).....
相关文章:
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 无法在Angular.js中将JSON转换为数组
- 如何在angular js中将double转换为int
- 将angular变量{{$index+1}}转换为javascript整数
- 将我的网站转换为使用 Angular JS
- Spring:从JSTL(forEach)转换为angular.js(ng repeat)
- 如何在angular js中从github获取原始自述文件后将其转换为html格式的文档
- 如何在Angular JS中将obj转换为字符串
- Angular 1.2.x ng隐藏和ng显示css转换
- 将jquery插件转换为指令angular
- Angular JS具有在状态转换期间可见的来自两个不同状态的页面(用于动画目的)
- angular js文本到语音转换api
- 如何将此函数转换为 Angular 指令
- 将服务字符串参数转换为数组的 Angular 内部
- 将jQuery转换为Angular,固定侧边栏不起作用(?)
- 在 Angular 中将 JSON 格式字符串转换为真实对象
- 尝试将jquery插件转换为Angular Directive
- 将 jquery 插件转换为 Angular 指令
- Angular转换不能在两个控制器之间工作
- 将rest API调用从angular转换为jQuery