angularJs 问题

Posted MessageBox

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularJs 问题相关的知识，希望对你有一定的参考价值。

1. IE不能渲染指令中的 style="background-color"，而chrome和firefox可以

<!DOCTYPE html>

<html ng-app="Dialog">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>directive-dialog</title>

    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

    <script src="scripts/angular.js"></script>

</head>

<body>

<div ng-controller="MyCtrl">
    <div>
        <input type="text" ng-model="color" placeholder="Enter a color"/>
        <hello-world  color="{{color}}"/>
    </div>
</div>

<script type="text/javascript">

    var myModule = angular.module("Dialog", []);

    myModule.controller("MyCtrl", function ($scope) {

        $scope.color="blue";

    });
    myModule.directive(‘helloWorld‘, function factory() {
        return {
            scope: true,
            restrict: ‘E‘,
            transclude:true,
            replace:true,
            template: ‘<p style="background-color:{{color}}">Hello World</p>‘  //
//
　　　　　　　//解决办法：使用 ng-attr-style 来替换 style，这样IE就可以正常显示背景颜色
        };
    });

</script>

</body>

</html>

 

以上是关于angularJs 问题的主要内容，如果未能解决你的问题，请参考以下文章

AngularJS +Kendo UI Grid template

Part 35 AngularJS caseInsensitiveMatch and Inline Templates

angularJS 视图view

Angularjs[25] - 自定义指令（restrict, template, replace）

angularjs学习笔记--主html&template html&module&template js模块控制器双向数据绑定过滤器

angularJS1笔记--自定义指令(restrict/template/replace)