angularjs - angular directive scope inheritance/ isolation -

-

i have directive build dynamic table collection. have 2 types of columns checkbox , dropdowns. however, scope not resolving correctly @ directive level. getting 'undefined'. need bind drop down options controller.

html

<div ng-app="myapp"> <div ng-controller="myctrl">   <ui-table source="students">       <check-col title="passed" field="passed"/>       <drop-down-col title="std" field="std" />     </ui-table> </div> </div>

angular js

var myapp = angular.module('myapp',[]);  myapp.directive("uitable", function ($compile) {         var generatetablehtml = function ($scope) {             // header             var html = "<table class='table table-condensed table-bordered table-responsive'><thead class='thead12'><tr class='active'>";             angular.foreach($scope.columns, function (col) {                 debugger;                 html += "<th scope='col'" +                     (col.cssclass ? " class='" + col.cssclass + "'" : "") +                     ">" + col.title + "</th>";             });             html += "</tr></thead><tbody>";              // body             html += "<tr ng-repeat='item in datasource'>";             angular.foreach($scope.columns, function (col) {                 html += "<td" + (col.cssclass ? " class='" + col.cssclass + "'" : "") + ">";                 if (col.type === columntype.check) {                     html += "<input type='checkbox' ng-model='item." + col.datafield + "'/>";                 } else if (col.type === columntype.dropdown) {                     html += "<select ng-model='item." +col.datafield + "' ng-options = 'option.value option in dataoptions'></select>";                 }                 html += "</td>";             });             html += "</tr>";             html += "</tbody></table>";             return html;         };         return {             restrict: "e",             replace: true,             transclude: true,             scope: {                 datasource: "=source"             },              controller: function ($scope) {                 $scope.columns = [];                 this.addcolumn = function (col) {                     $scope.columns.splice(0, 0, col);                 };             },              template: "<div ng-transclude></div>",               compile: function () {                 return function ($scope, $elem) {                     $elem.html(generatetablehtml($scope));                     $compile($elem.contents())($scope);                 };             }         };     }); myapp.directive("checkcol", function () {         return {             require: "^uitable",             restrict: "e",             replace: true,             scope: {                 title: "@title",                 cssclass: "@class",                 datafield: "@field"             },             link: function ($scope, element, attrs, tablecontrol) {                 $scope.type = columntype.check;                 tablecontrol.addcolumn($scope);             }         }; }); myapp.directive("dropdowncol", function() {     return {         require: "^uitable",         restrict: "e",         replace: true,         scope: {             title: "@title",             cssclass: "@class",             datafield: "@field"         },         link: function($scope, element, attrs, tablecontrol) {             $scope.type = columntype.dropdown;             tablecontrol.addcolumn($scope);         }     }; }); //myapp.factory('myservice', function() {}); var columntype = { check: 1, dropdown: 2 }; myapp.controller('myctrl', function($scope) {     $scope.students = [{id:1, std:10, passed: true}, {id:2, std:9, passed: false}]; $scope.stds= [{value: 10, name: '10the std'},{value: 9, name: '9the std'},{value: 8, name: '8the std'}]; });

jsfiddle

uprade angular ver. 1.2 , works fine

`http://jsfiddle.net/hb7lu/18635/`

Comments

Post a Comment

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

-
Image
i try , create radar chart using chart.js has various colours each scaleline, or coloured between scalelines. wondering if possible? from: to: i have working graph, though there doesn't seem method change individual scale lines. kind regards leigh you can extend radar chart type this, so chart.types.radar.extend({ name: "radaralt", initialize: function (data) { chart.types.radar.prototype.initialize.apply(this, arguments); var originalscaledraw = this.scale.draw; var ctx = this.chart.ctx; this.scale.draw = function () { var linewidth = this.linewidth; // bypasses line drawing in originalscaledraw this.linewidth = linewidth; originalscaledraw.apply(this, arguments); ctx.linewidth = this.linewidth; var scale = this; // draw chart.helpers.each(scale.ylabels, function (label, index) { // color of ...
Read more

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

-
suddenly have started receiving above error without changes having been made script. host 1and1 (i know...) the script still works fine on different server, , suspicion there must have been server config change has lead this, although hosts plead ignorance. there's no information on above error @ in google can find - have ideas? server running apache if helps. had similar problem. came out of blue. no php code changed. what changed: php upgraded 5.5.25-1 5.5.26. a security risk in php mail() function has been fixed , newlines in additional_headers allowed no more. because newlines mean: starts email message (and surely don't want inject newlines through headers followed evil message). what have worked fine, e.g. having newlines after headers or passing whole message additional_headers , function no more. solution : sanitize headers. no multiple newlines in additional_headers argument. these count "multiple or malformed newlines":...
Read more

java - Android – MapFragment overlay button shadow, just like MyLocation button -

-
Image
i'm struggling add shadow custom overlay button on google map. goal make custom button google's mylocation button. here's how app looks now: layout.xml <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:map="http://schemas.android.com/apk/res-auto" android:layout_height="match_parent" android:layout_width="match_parent" style="@style/apptheme"> <fragment android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/map" tools:context=".mapsactivity" android:name="com.google.android.gms.maps.supportmapfragment" android:layout_alignparentend="true" android:layout_alignparentstart="true" android:layout_alignparentbottom="true" ...
Read more