nested directives in angularjs -


I have an instruction with an instruction in it detail of parent instruction (extension tile) (a CSS class Clicking on the nested directive (click address) will close the expanded tile (hypothetically, to remove the CSS class animation by adding the animation + the boolean is expanded, adding tiles to the truth), and to expand the parent directive Tile + Ulian wrong extended tile)

I am unable to correctly this problem, and nested instructions how angular. Any advice appreciated. 

  & lt; Li class = "gallery-tile" extension-tile & gt; & Lt; Section square = "inner-tile" & gt; & Lt ;! - Not expanded - & gt; & Lt; P class = "tile-title" ng-if = "extended tile" & gt; Not Extended & lt; / P & gt; & Lt ;! - Expanded - & gt; & Lt; Section ng-if = "extended tile" & gt; & Lt; P & gt; Extended tiles & lt; / P & gt; & Lt; Div id = "CloseBtn" ng-click = "close tile") address-click = "doctlossile ()" & gt; X & lt; / Div & gt; & Lt; / Section & gt; & Lt; / Section & gt; & Lt; / li & gt; App.controller ('TileCtrl', function ($ scope) {$ scope.expandedTile = false; $ scope.closeTile = function} {$ scope.expandedTile = false;}; $ scope.dontCloseTile = function () {$ scope .expandedTile = true;};}); app.directive ('expandingTile', [function] {return: Restrict: 'A', Controller: 'tilkton', link: function (scope, amm, ethers) {elem.bind ('click', function) {If (! Elem.hasClass ('extended')) {elem.addClass ('extended'); window.ScrollTo (0, 0); // scope.expandedTile = true; scope. $ Apply ();}}) ;}}}]); App.directive ('detectclick', ['$ document', function ($ document)) {return: '^ expandedTile', restrict: 'a', link: function (scope, elem, attrs) {elem.bind () 'Click', function (e) {e.stopPropagation ();}); $ Document.bind ('click', function () {radius. $ Apply (attrs.detectClick);}}}}}}]); Found solution.    
 
 
  
  & lt; Li ng-repeat = "project in projects" category = "gallery-tile" ng-square = "{expanded: expanded tile}" extension-tile & gt; & Lt; Section square = "inner-tile" & gt; & Lt; P ng-show = "expandedTile" id = "CloseBtn" ng-click = "close tile") Click outside to locate & gt; X & lt; / P & gt; & Lt; / Section & gt; & Lt; / li & gt; / * Expanded tile * / app.directive ('expandingTile', [function (return) {return: Restrict: 'a', controller: function ($ scope) {$ scope.closeTile = function (elem) {console.log ( 'Close tile') $ scope.expandedTile = false;}}, link: function (scope, amm, ethers) {elem.bind ('click', function (e) {if! (Elem.hasClass ('expanded') ) {Scope.expandedTile = true; Scope. $ Apply ();}}}}}}}])); / * Click External Click * / app.directive ('detectOutsideClick', ['$ document', function ($ document)) {return {restrict: 'a', link: function (scope, elem, attrs) {elem. Bind 'click', function (e) {e.stopPropagation ();}); $ Document.bind ('click', function () {radius. $ Apply (attrs.detectOutsideClick);}}}}}}]);

Comments

Post a Comment

Popular posts from this blog

c# - passing input text from view to contoller with FacebookContext using Facebook app -

I'm trying to pass an input text from the viewer to the controller in the Facebook Birthday app: Link to app: In the Home Controller [FacebookAuthorize ("email", "user_photos")] Public async Tasks & lt; ActionResult & gt; Index (FacebookContext reference) {if (ModelState.IsValid) {var user = waiting for reference. Client.Gate CurrentUserAsync & lt; MyAppUser & gt; (); View return (user); } See Return ("Error"); } [Http post] [facebook authorized ("email", "user_photo")) public async task & lieutenant; Actionsclass & gt; Index (string textile, facebookcontonte context) {if (ModelState.IsValid) {var user = wait context.Client.GetCurrentUserAsync & lt; MyAppUser & gt; (); // See my code, see the use of txt here (user); } See Return ("Error"); } View: @using facebookpostc.models @ Microsoft.AspNet.Mvc.Facebook.models using @ Microsoft.AspNet.Mvc. Facebook @model MyAppUser @ {ViewB...
Read more

Calling a C++ function from C# by passing a string with variable size to it -

I am calling a string with a C + code and calling from the C # code. The C ++ function is responsible for filling the string material. The following code is: C #party: var abc = new string builder (4096); // will have to change this var result = Basic methods. SignCrcFile (ABC); C ++: bool __cdecl SignCrcFile (char * abc) {... char * tempStr = "hello all"; // for example // copy it to ABC string strcpy (ABC, tempStr); Back true; } The problem is that tempStr's size in the C ++ function is dynamic (the above assignment for TempStr is only an example). In such a case, it is not a hard code that the size of ABC string is in the size of 4096 bytes on the C #. The first solution can be a solution to create 2 functions on the C ++ side to get the size of the string. Then allocate that size using StringBuilder in the C # side then use the next function to bring the entire string from C ++ to the C #. But no suggestion this may not be the most optimal way? ...
Read more

ios - Does Core Data autoupdate a many to many relationship on saving -

I have used 2 database tables and core data / NSManagedObjects in SQLite: User is user_id name group (multiple groups) Group group_id title group members (multiple users) By using core data to save a group and adding users ( Add to group) as follows: group * cordata = zero; Cordata = [NSEntityDescription insertNewObjectForEntityForName: @ Managed Object Contains in "Groups": Reference]; Request = [NSFetchRequest fetchRequestWithEntityName: @ "user"]; Request.predicate = [NSPredicate predicateWithFormat: @ "user_id =% @", user_id]; Result = [reference executeFetchRequest: request error: & amp; Error]; CoreData.group_id = group_id Cordettitle = Title [Cordata AdGroupMailersObject: [Last objections result]]; Is it right to say that core data manages a user with multiple users and groups with the code above? Yes, if the relationships are in the form of each other's inverse relationship The inverse relationships are updated automaticall...
Read more