ng bind html ui sref,Dynamic ui-sref in directive

this directive was in this repository before v0.2.0, but it was not a part of the release installed with bower. I found it, used it and faced this bug. I fixed this issue for myself and thought it was no official part of ui-router.

Today - using v0.2.0 I faced the need of this feature again and I found my ui-sref.js in my git repository. Here is the code I used earlier:

$StateRefDirective.$inject = ['$state', '$interpolate'];

function $StateRefDirective($state, $interpolate) {

function parseStateRef(ref) {

var parsed = ref.match(/^([^(]+?)\s*(\((.*)\))?$/);

if (!parsed || parsed.length !== 4) throw new Error("Invalid state ref '" + ref + "'");

return { state: parsed[1], paramExpr: parsed[3] || null };

}

function hasToBeInterpolated(attributeValue) {

return attributeValue.indexOf("{{") != -1

}

function isForm(element) {

return element[0].nodeName === "FORM";

}

function buildNewHref(attributeValue, params) {

return"/#" + $state.href(attributeValue.state, params, { lossy: true });

}

function setUrl(element, attr, newHref) {

element[0][attr] = newHref;

}

return {

restrict: 'A',

priority: 1000,

link: function (scope, element, attrs) {

var attributeValue = attrs.uiSref;

if (hasToBeInterpolated(attributeValue)) {

attributeValue = $interpolate(attributeValue)(scope);

}

attributeValue = parseStateRef(attributeValue);

var params = null

var url = null;

var attr = isForm(element) ? "action" : "href"; //, nav = true;

var update = function (newParams) {

if (newParams) {

params = newParams;

}

var newHref = buildNewHref(attributeValue, params);

if (!newHref) {

nav = false;

return false;

}

setUrl(element, attr, newHref);

};

if (attributeValue.paramExpr) {

scope.$watch(attributeValue.paramExpr, function (newParams, oldVal) {

if (newParams !== oldVal) {

update(newParams);

}

}, true);

params = scope.$eval(attributeValue.paramExpr);

}

update();

}

};

}

angular.module('ui.state').directive('uiSref', $StateRefDirective);

There could be some bugs, because I used it only once in testproject and It never got into production.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值