You’ve got a scope issue. Since you used isolated scope in your directive with scope: { value: ‘=’ }, it no longer has access to your controller’s scope that has editQuestion. You need to pass editQuestion along to your directive’s scope so it knows how to call it. This is typically pretty easy, but because … Read more
It’s because angularJS automatically trimmed your model. If you’re using angularJS 1.1.1 or newer, add ng-trim=”false” to textarea. Working example: http://jsfiddle.net/9DbYY/
If you require ngModel you can just call $setViewValue on the ngModelController, which implicitly evaluates ng-change. The fourth parameter to the linking function should be the ngModelCtrl. The following code will make ng-change work for your directive. link : function(scope, element, attrs, ngModelCtrl){ scope.updateModel = function(item) { ngModelCtrl.$setViewValue(item); } } In order for your solution … Read more
I have faced the issue with unix time formatted as a number of seconds from the epoch start or as a number of milliseconds that is used in JavaScript. So strictly speaking, AngularJS doesn’t convert Unix timestamp to Date, but a number with milliseconds, which is 1000 times larger, so first you will have to … Read more
Like Eliran Malka asked, why do you need to check for IE 9? Detecting browser make and version is generally a bad smell. This generally means that you there is a bigger problem with the code if you need JavaScript to detect specific versions of browser. There are genuine cases where a feature won’t work, … Read more
You are getting confused with transclude: true, which would append the inner content. replace: true means that the content of the directive template will replace the element that the directive is declared on, in this case the <div myd1> tag. http://plnkr.co/edit/k9qSx15fhSZRMwgAIMP4?p=preview For example without replace:true <div myd1><span class=”replaced” myd1=””>directive template1</span></div> and with replace:true <span class=”replaced” … Read more
Consider a directive called myDirective in an element, and that element is enclosing some other content, let’s say: <div my-directive> <button>some button</button> <a href=”#”>and a link</a> </div> If myDirective is using a template, you’ll see that the content of <div my-directive> will be replaced by your directive template. So having: app.directive(‘myDirective’, function(){ return{ template: ‘<div … Read more
Transclude is a setting to tell angular to capture everything that is put inside the directive in the markup and use it somewhere(Where actually the ng-transclude is at) in the directive’s template. Read more about this under Creating a Directive that Wraps Other Elements section on documentation of directives. If you write a custom directive … Read more
You can create your own input type=”path” by creating an input directive with custom logic if the type attribute is set to “path”. I’ve created a simple example that simply replaces \ with /. The directive looks like this: module.directive(‘input’, function() { return { restrict: ‘E’, require: ‘ngModel’, link: function (scope, element, attr, ngModel) { … Read more
The reason is when the DOM is finished loading, angular will traverse though the DOM and transform all directives into its template before calling the compile and link function. It means that when you call $compile(clone.children()[0])(scope), the clone.children()[0] which is your <panel> in this case is already transformed by angular. clone.children() already becomes: <div ng-transclude=””>fsafsafasdf</div> … Read more