angularjs – Transclusion(true) – 组合值

前端之家收集整理的这篇文章主要介绍了angularjs – Transclusion(true) – 组合值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
请考虑以下代码( http://jsbin.com/IfejIWES/1/):

HTML:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.3/angular.min.js"></script>
<Meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div ng-controller="MyCtrl">

    <div my-directive>
        <button>some button</button>
        <a href="#">and a link</a>
    </div>
</div>
</body>
</html>

JS:

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    //$scope.log=[];   
}

myApp.directive('myDirective',function(){
    return{
        transclude: true,template: '<div class="something" ng-transclude> This is my directive content</div>'
    };
});

使用AngularJS的1.1.3版,输出将my-directive(在HTML中)的按钮和锚点与模板内部文本“This is my directive content”结合起来.

如果我将版本更改为1.2.1,则my-directive内容将替换模板内部文本.

有没有办法让角度1.2.1(及更高版本)做旧的行为?

解决方法

不,这是一次非常故意的改变.见 this commit.

猜你在找的Angularjs相关文章